Redux is now hooked up and functional.

src/actions/index.js

@@ -0,0 +1,11 @@
+import github from '../apis/github';
+
+export const getRepos = () => async (dispatch, getState) => {
+  const response = await github.get('/users/RaspberryProgramming/repos');
+  //console.log(response);
+
+  dispatch({
+    type: 'GET_REPOS',
+    payload: response.data,
+  });
+};

src/apis/github.js

@@ -0,0 +1,5 @@
+import axios from 'axios';
+
+export default axios.create({
+    baseURL: 'https://api.github.com'
+});

src/index.js

@@ -1,12 +1,18 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
+import { Provider } from 'react-redux';
-import App from './components/App';
+import { createStore, applyMiddleware, compose } from 'redux';
+import reduxThunk from 'redux-thunk';
 
+import App from './components/App';
+import reducers from './reducers';
+
+const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+const store = createStore(reducers, composeEnhancers(applyMiddleware(reduxThunk)));
 
 ReactDOM.render(
-  <div>
+  <Provider store={store}>
-    <App />
+    <App/>
-  </div>,
+  </Provider>,
-  document.getElementById('root')
+  document.querySelector('#root')
 );

src/reducers/githubReducer.js

@@ -0,0 +1,11 @@
+let githubReducer = (state={}, action) => {
+    switch(action.type) {
+      case 'GET_REPOS':
+        return { ...state, repos: action.payload };
+      default:
+        return state;
+    }
+  };
+  
+
+export default githubReducer;

src/reducers/index.js

@@ -0,0 +1,7 @@
+import { combineReducers } from "redux";
+
+import githubReducer from './githubReducer'
+
+export default combineReducers({
+    github: githubReducer,
+});