From 37b5d8eabde406a7b5a0c41d51de80ba387e99d7 Mon Sep 17 00:00:00 2001
From: Yutsuo <yutsuo@gmail.com>
Date: Wed, 22 Jan 2020 13:10:54 -0300
Subject: [PATCH] update

---
 src/App.js                              | 16 +++++++++++-----
 src/components/create-todo.component.js | 11 +++++++++++
 src/components/edit-todo.component.js   | 11 +++++++++++
 src/components/todos-list.component.js  | 11 +++++++++++
 4 files changed, 44 insertions(+), 5 deletions(-)
 create mode 100644 src/components/create-todo.component.js
 create mode 100644 src/components/edit-todo.component.js
 create mode 100644 src/components/todos-list.component.js

diff --git a/src/App.js b/src/App.js
index 5d1cfea..08bac52 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,7 +1,13 @@
 import React from 'react';
 import './App.css';
-import "bootstrap/dist/css/bootstrap.min.css";
-import {BrowserRouter as Router, Route, Link} from 'react-router-dom';
+import { BrowserRouter as Router, Route, Link } from 'react-router-dom';
+
+import 'bootstrap/dist/css/bootstrap.min.css';
+
+import CreateTodo from './components/create-todo.component';
+import EditTodo from './components/edit-todo.component';
+import TodosList from './components/todos-list.component';
+
 
 function App() {
   return (
@@ -9,9 +15,9 @@ function App() {
       <div className="container">
         <h2>MERN-Stack Todo App</h2>
       </div>
-      <Route path="/" exact component={TodoList} />
-      <Route path="/edit/:id" exact component={EditTodo} />
-      <Route path="/create" exact component={CreateTodo} />
+      <Route path="/" exact component={TodosList} />
+      <Route path="/edit/:id" component={EditTodo} />
+      <Route path="/create" component={CreateTodo} />
     </Router>
 
   );
diff --git a/src/components/create-todo.component.js b/src/components/create-todo.component.js
new file mode 100644
index 0000000..9e46c03
--- /dev/null
+++ b/src/components/create-todo.component.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+export default class CreateTodo extends React.Component {
+    render() {
+        return (
+            <div>
+                <p>Welcome to Create Todo Component!!</p>
+            </div>
+        )
+    }
+}
\ No newline at end of file
diff --git a/src/components/edit-todo.component.js b/src/components/edit-todo.component.js
new file mode 100644
index 0000000..2a87c4c
--- /dev/null
+++ b/src/components/edit-todo.component.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+export default class EditTodo extends React.Component {
+    render() {
+        return (
+            <div>
+                <p>Welcome to Edit Todo Component!!</p>
+            </div>
+        )
+    }
+}
\ No newline at end of file
diff --git a/src/components/todos-list.component.js b/src/components/todos-list.component.js
new file mode 100644
index 0000000..6a20e4d
--- /dev/null
+++ b/src/components/todos-list.component.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+export default class TodosList extends React.Component {
+    render() {
+        return (
+            <div>
+                <p>Welcome to Todos List Component!!</p>
+            </div>
+        )
+    }
+}
\ No newline at end of file