diff --git a/package-lock.json b/package-lock.json
index 649ecab..25ceb05 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10620,6 +10620,15 @@
         "minimatch": "3.0.4"
       }
     },
+    "redux": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.0.5.tgz",
+      "integrity": "sha512-VSz1uMAH24DM6MF72vcojpYPtrTUu3ByVWfPL1nPfVRb5mZVTve5GnNCUV53QM/BZ66xfWrm0CTWoM+Xlz8V1w==",
+      "requires": {
+        "loose-envify": "^1.4.0",
+        "symbol-observable": "^1.2.0"
+      }
+    },
     "regenerate": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.1.tgz",
@@ -12145,6 +12154,11 @@
         "util.promisify": "~1.0.0"
       }
     },
+    "symbol-observable": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/symbol-observable/-/symbol-observable-1.2.0.tgz",
+      "integrity": "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ=="
+    },
     "symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
diff --git a/package.json b/package.json
index efba4ab..dd822f2 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,8 @@
     "gh-pages": "^2.2.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "react-scripts": "^3.4.3"
+    "react-scripts": "^3.4.3",
+    "redux": "^4.0.5"
   },
   "homepage": "https://modokemdev.com",
   "scripts": {
diff --git a/src/app/components/Awards.jsx b/src/app/components/Awards.jsx
deleted file mode 100644
index 0aa2830..0000000
--- a/src/app/components/Awards.jsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React, { Component } from 'react';
-
-class Awards extends Component {
-  constructor(props) {
-    super(props);
-
-    this.awards = props.awards;
-  }
-
-  render() {
-    return(
-      <section className="resume-section p-3 p-lg-5 d-flex align-items-center" id="awards">
-        <div className="w-100">
-          <h2 className="mb-5">Awards &amp; Certifications</h2>
-          <ul className="fa-ul mb-0">
-          {
-            this.awards.map((data, index) => (
-              <li key={index}>
-                <span className="ml-2"> {data.awardDetail} </span>
-              </li>
-            ))
-          }
-          </ul>
-        </div>
-      </section>
-    );
-  }
-}
-
-export default Awards;
diff --git a/src/app/components/Education.jsx b/src/app/components/Education.jsx
deleted file mode 100644
index ff05af5..0000000
--- a/src/app/components/Education.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React, { Component } from 'react';
-
-class Education extends Component {
-  constructor(props) {
-    super(props);
-
-    this.education = props.education;
-  }
-
-  render() {
-    return(
-      <section className="resume-section p-3 p-lg-5 d-flex align-items-center" id="education">
-        <div className="w-100">
-          <h2 className="mb-5">Education</h2>
-          {
-            this.education.map((data, index) => (
-              <div key={index} className="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
-                <div className="resume-content">
-                  <h3 className="mb-0">{data.university}</h3>
-                  <div className="subheading mb-3">{data.degree}</div>
-                  <p>{data.gpa}</p>
-                </div>
-                <div className="resume-date text-md-right">
-                  <span className="text-primary">{data.fromDate} - {data.toDate}</span>
-                </div>
-              </div>
-            ))
-          }
-        </div>
-      </section>
-    );
-  }
-}
-
-export default Education;
diff --git a/src/app/components/Experience.jsx b/src/app/components/Experience.jsx
deleted file mode 100644
index 95f4910..0000000
--- a/src/app/components/Experience.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React, { Component } from 'react';
-
-class Experience extends Component {
-  constructor(props) {
-    super(props);
-
-    this.experience = props.experience;
-  }
-
-  render() {
-    return(
-      <section className="resume-section p-3 p-lg-5 d-flex justify-content-center" id="experience">
-        <div className="w-100">
-          <h2 className="mb-5">Experience</h2>
-          {
-            this.experience.map((exp, index) => (
-              <div key={index} className="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
-                <div className="resume-content">
-                  <h3 className="mb-0">{exp.position}</h3>
-                  <div className="subheading mb-3">{exp.organization}</div>
-                  <p>{exp.aboutWork}</p>
-                </div>
-                <div className="resume-date text-md-right">
-                  <span className="text-primary">{exp.fromDate} - {exp.toDate}</span>
-                </div>
-              </div>
-            ))
-          }
-        </div>
-      </section>
-    );
-  }
-}
-
-export default Experience;
diff --git a/src/app/components/Interests.jsx b/src/app/components/Interests.jsx
deleted file mode 100644
index 24bbe8e..0000000
--- a/src/app/components/Interests.jsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import React, { Component } from 'react';
-
-class Interests extends Component {
-  constructor(props) {
-    super(props);
-
-    this.interests = props.interests;
-  }
-
-  render() {
-    return(
-      <section className="resume-section p-3 p-lg-5 d-flex align-items-center" id="interests">
-        <div className="w-100">
-          <h2 className="mb-5">Interests</h2>
-          <p>{this.interests.paragraphOne}</p>
-          <p className="mb-0">{this.interests.paragraphTwo}</p>
-        </div>
-      </section>
-    );
-  }
-}
-
-export default Interests;
diff --git a/src/app/components/Landing.jsx b/src/app/components/Landing.jsx
deleted file mode 100644
index 7e4aa34..0000000
--- a/src/app/components/Landing.jsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import React, { Component } from 'react';
-
-class Landing extends Component {
-  constructor(props) {
-    super(props);
-
-    this.landingData = props.landingData;
-  }
-  render() {
-    return (
-      <section className="resume-section p-3 p-lg-5 d-flex align-items-center" id="about">
-        <div className="w-100">
-          <h1 className="mb-0">{this.landingData.firstName}
-            <span className="text-primary">{this.landingData.lastName}</span>
-          </h1>
-          <div className="subheading mb-5">{this.landingData.phoneNumber} ·
-            <a href="mailto:name@email.com">{this.landingData.email}</a>
-          </div>
-          <p className="lead mb-5">{this.landingData.bio}</p>
-          <div className="social-icons">
-            <a href={this.landingData.linkedin}>
-            </a>
-            <a href={this.landingData.github}>
-            </a>
-          </div>
-        </div>
-      </section>
-    );
-  }
-}
-
-export default Landing;
diff --git a/src/app/components/Sidebar.jsx b/src/app/components/Sidebar.jsx
deleted file mode 100644
index 1fd65ab..0000000
--- a/src/app/components/Sidebar.jsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React, { Component } from 'react';
-import image from '../assets/profile.png';
-
-class Sidebar extends Component {
-  constructor(props) {
-    super(props);
-
-    this.sidebarData = props.sidebarData;
-  }
-
-  render() {
-    return (
-      <nav className="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
-        <a className="navbar-brand js-scroll-trigger" href="#page-top">
-          <span className="d-block d-lg-none">{this.sidebarData.firstName} {this.sidebarData.lastName}</span>
-          <span className="d-none d-lg-block">
-            <img className="img-fluid img-profile rounded-circle mx-auto mb-2" src={image} alt=""></img>
-          </span>
-        </a>
-        <button className="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-          <span className="navbar-toggler-icon"></span>
-        </button>
-        <div className="collapse navbar-collapse" id="navbarSupportedContent">
-          <ul className="navbar-nav">
-            <li className="nav-item">
-              <a className="nav-link js-scroll-trigger" href="#about">About</a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link js-scroll-trigger" href="#experience">Experience</a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link js-scroll-trigger" href="#education">Education</a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link js-scroll-trigger" href="#skills">Skills</a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link js-scroll-trigger" href="#interests">Interests</a>
-            </li>
-            <li className="nav-item">
-              <a className="nav-link js-scroll-trigger" href="#awards">Awards</a>
-            </li>
-          </ul>
-        </div>
-      </nav>
-    );
-  }
-}
-
-export default Sidebar;
diff --git a/src/app/components/Skills.jsx b/src/app/components/Skills.jsx
deleted file mode 100644
index a57eb08..0000000
--- a/src/app/components/Skills.jsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import React, { Component } from 'react';
-
-class Skills extends Component {
-  constructor(props) {
-    super(props);
-
-    this.skills = props.skills;
-  }
-
-  render() {
-    return(
-      <section className="resume-section p-3 p-lg-5 d-flex align-items-center" id="skills">
-        <div className="w-100">
-          <h2 className="mb-5">Skills</h2>
-          <div className="subheading mb-3">Programming Languages &amp; Tools</div>
-          <div className="row">
-          {
-            this.skills.map((data, index) => (
-              <div key={index} className="col-6">
-                <p className="list-item">
-                  <span className="ml-3">{data.name}</span>
-                </p>
-              </div>
-            ))
-          }
-          </div>
-        </div>
-      </section>
-    );
-  }
-}
-
-export default Skills;
diff --git a/src/app/assets/profile.png b/src/assets/profile.png
similarity index 100%
rename from src/app/assets/profile.png
rename to src/assets/profile.png
diff --git a/src/index.js b/src/index.js
index 0c5e75d..e0135ad 100644
--- a/src/index.js
+++ b/src/index.js
@@ -3,6 +3,9 @@ import ReactDOM from 'react-dom';
 import './index.css';
 import App from './App';
 import * as serviceWorker from './serviceWorker';
+import { store } from './store';
+
+console.log (store.getState());
 
 ReactDOM.render(<App />, document.getElementById('root'));
 
diff --git a/src/store/index.js b/src/store/index.js
new file mode 100644
index 0000000..845fae7
--- /dev/null
+++ b/src/store/index.js
@@ -0,0 +1,8 @@
+import { createStore } from 'redux';
+import { defaultState } from '../server/defaultState';
+
+export const store = createStore(
+    function reducer (state = defaultState, action) {
+        return state;
+    }
+);
\ No newline at end of file