moved api call to backend

.gitignore

@@ -1,23 +1,23 @@
-# See https://help.github.com/ignore-files/ for more about ignoring files.
+# See http://help.github.com/ignore-files/ for more about ignoring files.
 
 # dependencies
-/node_modules
+node_modules
+client/node_modules
+server/node_modules
+client/build
+server/build
 
 # testing
-/coverage
+coverage
 
 # production
-/build
+build
 
 # misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-.env.development
-.env.production
+.yarnclean
+npm-debug.log
+yarn-error.log
+*.rdb
 
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+.env.production

client/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "news-lite",
+  "version": "0.1.0",
+  "private": true,
+  "proxy": "http://localhost:3001",
+  "dependencies": {
+    "D": "^1.0.0",
+    "date-fns": "^1.29.0",
+    "enzyme": "^3.3.0",
+    "enzyme-adapter-react-16": "^1.1.1",
+    "history": "^4.7.2",
+    "material-icons-react": "^1.0.0",
+    "prop-types": "^15.6.2",
+    "react": "^16.3.2",
+    "react-dom": "^16.3.2",
+    "react-media": "^1.8.0",
+    "react-redux": "^5.0.7",
+    "react-router": "^4.2.0",
+    "react-router-dom": "^4.2.2",
+    "react-scripts": "1.1.4",
+    "react-swipeable-routes": "^0.4.1",
+    "react-test-renderer": "^16.4.1",
+    "redux": "^4.0.0",
+    "redux-mock-store": "^1.5.3",
+    "redux-persist": "^5.10.0",
+    "redux-thunk": "^2.2.0",
+    "typeface-roboto": "^0.0.54"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test --env=jsdom",
+    "eject": "react-scripts eject"
+  },
+  "devDependencies": {
+    "sw-precache-webpack-plugin": "^0.11.5",
+    "webpack-pwa-manifest": "^3.6.2"
+  }
+}

src/index.css → client/src/index.css

@@ -490,5 +490,9 @@ nav {
   padding: 0px 16px 16px 8px;
   height: 95vh;
   overflow-y: scroll;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
  }
 

src/pages/SettingsPage.js → client/src/pages/SettingsPage.js

@@ -6,16 +6,13 @@ import NewsFeedSettingIcon from "../components//NewsFeedSettingIcon";
 const InlineStyleObj = {
 
     image: {
-        'border-radius': '50%',
-        'text-align':'center',
+        borderRadius: '50%',
+        textAlign:'center',
     },
     imageblock: {
-        'display':'block',
-        'margin':'auto',
+        display:'block',
+        marginTop: '5px',
     },
-    margin: {
-        'margin': '5px'
-    }
 }
 
 
@@ -33,8 +30,8 @@ const SettingsPage = (props) => (
                 <h3>Rupesh Padhye (Developer)</h3>
             </div>
         <div>
-             <a className="margin" href="https://github.com/rupeshpadhye" target="_blank" rel="noopener">GitHub</a>
-             <a className="margin" href="https://www.linkedin.com/in/rupesh-padhye-16301417/" target="_blank" rel="noopener">Linkedin</a>
+             <a  href="https://github.com/rupeshpadhye" target="_blank" rel="noopener">GitHub</a>
+             <a  href="https://www.linkedin.com/in/rupesh-padhye-16301417/" target="_blank" rel="noopener">Linkedin</a>
         </div>
          </div>
     </React.Fragment>

src/reducers/news_feeder.js → client/src/reducers/news_feeder.js

@@ -10,8 +10,8 @@ export const SET_NEWS_MODE = "news/mode";
 export const SET_NEXT_PAGE = "news/pages";
 export const REHYDRATE ="persist/REHYDRATE";
 
-const API_KEY = process.env.REACT_APP_API_KEY;
-const API_BASE_URL =  process.env.REACT_APP_BASE_URL;
+//const API_KEY = process.env.REACT_APP_API_KEY;
+//const API_BASE_URL =  process.env.REACT_APP_BASE_URL;
 const defaultLanguage = "en";
 const defaultUri = "top-headlines";
 const defaultCountry = "wd";
@@ -176,7 +176,7 @@ export const buileQuery = (
   uri = defaultUri,
   page= defaultPage,
 ) => {
-  let NEWS_API_URL = `${API_BASE_URL}/${uri}?apiKey=${API_KEY}&language=${language}&page=${page}&pageSize=5`;
+  let NEWS_API_URL = `/api/${uri}?language=${language}&page=${page}&pageSize=5`;
   if (country !== "wd") {
     NEWS_API_URL = `${NEWS_API_URL}&country=${country}`;
   }