chore(redux): set up redux

this chore will install redux and create a file structure for redux

[Delivers #160609506]

package.json

@@ -8,7 +8,10 @@
     "react": "^16.6.0",
     "react-dom": "^16.6.0",
     "react-router-dom": "^4.3.1",
-    "react-scripts": "2.0.5"
+    "react-scripts": "2.0.5",
+    "react-redux": "^5.1.0",
+    "redux": "^4.0.1",
+    "redux-thunk": "^2.3.0"
   },
   "scripts": {
     "start": "react-scripts start",

src/App.js

@@ -1,12 +1,16 @@
 import React from 'react';
 import { BrowserRouter } from 'react-router-dom';
+import { Provider } from 'react-redux';
 import Routes from './components/routes';
 import './App.css';
+import store from './store';
 
 const App = () => (
-  <BrowserRouter>
-    <Routes />
-  </BrowserRouter>
+  <Provider store={store}>
+    <BrowserRouter>
+      <Routes />
+    </BrowserRouter>
+  </Provider>
 );
 
 export default App;

src/components/routes/index.js

@@ -3,9 +3,9 @@ import {
   Route,
   Switch,
 } from 'react-router-dom';
-import LandingPage from '../LandingPage';
-import Login from '../Login';
-import NotFound from '../NotFound';
+import LandingPage from '../LandingPage/LandingPage';
+import Login from '../Login/Login';
+import NotFound from '../NotFound/NotFound';
 
 const Routes = () => (
   <Switch>

src/reducers/rootReducer.js

@@ -0,0 +1,8 @@
+import { combineReducers } from 'redux';
+
+const rootReducer = combineReducers({
+// dummy object for reducer
+  user: () => ({}),
+});
+
+export default rootReducer;

src/store.js

@@ -0,0 +1,12 @@
+import { createStore, applyMiddleware } from 'redux';
+import thunk from 'redux-thunk';
+import rootReducer from './reducers/rootReducer';
+
+const store = createStore(
+  rootReducer,
+  {},
+  applyMiddleware(thunk),
+);
+
+
+export default store;

src/tests/components/Landingpage.test.js

@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import LandingPage from '../../components/LandingPage';
+import LandingPage from '../../components/LandingPage/LandingPage';
 
 
 it('renders the LandingPage component correctly', () => {

src/tests/components/Login.test.js

@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import Login from '../../components/Login';
+import Login from '../../components/Login/Login';
 
 
 it('renders the Login component correctly', () => {

src/tests/components/NotFound.test.js

@@ -1,6 +1,6 @@
 import { shallow } from 'enzyme';
 import React from 'react';
-import NotFound from '../../components/NotFound';
+import NotFound from '../../components/NotFound/NotFound';
 
 it('renders the NotFound component correctly', () => {
   const wrapper = shallow(<NotFound />);

src/tests/routes/Index.test.js

@@ -1,10 +1,9 @@
 import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { mount } from 'enzyme';
-import LandingPage from '../../components/LandingPage';
-import Login from '../../components/Login';
-import NotFound from '../../components/NotFound';
-
+import LandingPage from '../../components/LandingPage/LandingPage';
+import Login from '../../components/Login/Login';
+import NotFound from '../../components/NotFound/NotFound';
 
 describe('Routes component', () => {
   it('should return app component for the root path', () => {