diff --git a/frontEndSimulator/src/App.js b/frontEndSimulator/src/App.js
index 85b4efe..7eb7315 100644
--- a/frontEndSimulator/src/App.js
+++ b/frontEndSimulator/src/App.js
@@ -2,6 +2,16 @@ import { useState } from "react";
 import axios from "axios";
 import { Box, Button, TextField } from "@mui/material";
 import "./styling/index.css";
+//Simple navigation bar
+<html>
+<body>
+<ul>
+  <li><a href="#Home">Home</a></li>
+  <li><a href="#Unit">Units</a></li>
+  <li><a href="#About">About</a></li>
+</ul>
+</body>
+</html>
 function App() {
   // State variables
   const [fileName, setFileName] = useState("");
@@ -28,7 +38,6 @@ function App() {
       setResponse(JSON.stringify(response.data));
     });
   }
-
   function getDiff(endpoint) {
     const url = `http://localhost:4567/${endpoint}`;
     axios.get(url).then((response) => {
@@ -185,36 +194,36 @@ function App() {
                 sendGet(`file_exist/${uid}/${pid}/${fileName}`)
               }}
             >
-              File Exists in Project?
+               Create Project
             </Button>
           </Box>
-        </Box>
 
-        <Box paddingTop={2}
-          paddingLeft={1}
-          display="flex"
-          flexDirection="column"
-          alignItems="stretch"
-          width={300}
-        >
           <Box paddingBottom={2} fullWidth>
             <Button
               variant="contained"
               fullWidth
               onClick={() => {
-                sendGet(`init/${uid}/${pid}`);
+                getDiff(`diff/${uid}/${pid}/${fileName}`);
               }}
             >
-              Create Project
+              File Exists in Project?
             </Button>
           </Box>
+        </Box>
 
+        <Box paddingTop={2}
+          paddingLeft={1}
+          display="flex"
+          flexDirection="column"
+          alignItems="stretch"
+          width={300}
+        >
           <Box paddingBottom={2} fullWidth>
             <Button
               variant="contained"
               fullWidth
               onClick={() => {
-                getDiff(`diff/${uid}/${pid}/${fileName}`);
+                sendGet(`init/${uid}/${pid}`);
               }}
             >
               Diff File
