diff --git a/src/components/About.js b/src/components/About.js
new file mode 100644
index 0000000..19e6293
--- /dev/null
+++ b/src/components/About.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const About () => {
+ return (
+
+
About
+
+ )
+}
+
+export default About;
diff --git a/src/components/App.js b/src/components/App.js
index 91b0d27..4f30351 100644
--- a/src/components/App.js
+++ b/src/components/App.js
@@ -1,13 +1,18 @@
import React from 'react';
-
+import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
+import NavBar from './NavBar';
import PostList from './PostList';
-const App = () => {
- return (
-
- );
-};
+function App() {
+ return (
+
+
+
+
+
+
+
+ );
+}
export default App;
diff --git a/src/components/NavBar.js b/src/components/NavBar.js
new file mode 100644
index 0000000..c72fd0c
--- /dev/null
+++ b/src/components/NavBar.js
@@ -0,0 +1,18 @@
+import React, { Component } from 'react';
+import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
+
+import PostList from './PostList';
+
+class NavBar extends Component {
+ render() {
+ return (
+
+ Home
+ Users
+ Posts
+
+ );
+ }
+}
+
+export default NavBar;
diff --git a/src/components/PostList.js b/src/components/PostList.js
index daf89b5..e340b75 100644
--- a/src/components/PostList.js
+++ b/src/components/PostList.js
@@ -7,15 +7,13 @@ class PostList extends React.Component {
componentDidMount() {
this.props.fetchPosts();
}
-
-
renderList() {
return this.props.posts.map(post => {
return (
-
{post.title}
+ {post.title}