diff --git a/twistter-frontend/src/App.js b/twistter-frontend/src/App.js
index 3b0a077..7d104c5 100644
--- a/twistter-frontend/src/App.js
+++ b/twistter-frontend/src/App.js
@@ -6,12 +6,13 @@ import './App.css';
 import { BrowserRouter as Router } from 'react-router-dom';
 import Route from 'react-router-dom/Route';
 
-
+// Pages
 import home from './Home.js';
 import register from './Register.js';
 import login from './Login.js';
 import user from './pages/user';
 import writeMicroblog from './Writing_Microblogs.js';
+import edit from './pages/edit.js';
 
 class App extends Component {
   render() {
@@ -25,6 +26,7 @@ class App extends Component {
           <Route exact path="/login" component={login}/>
           <Route exact path="/user" component={user}/>
           <Route exact path="/home" component={writeMicroblog}/>
+          <Route exact path="/edit" component={edit}/>
         </div>
 
       </Router>
diff --git a/twistter-frontend/src/pages/edit.js b/twistter-frontend/src/pages/edit.js
new file mode 100644
index 0000000..e4b9085
--- /dev/null
+++ b/twistter-frontend/src/pages/edit.js
@@ -0,0 +1,13 @@
+import React, { Component } from 'react'
+
+export class edit extends Component {
+    render() {
+        return (
+            <div>
+                <b>yo, this the edit profile page</b>
+            </div>
+        )
+    }
+}
+
+export default edit;