diff --git a/backend/routes/users.js b/backend/routes/users.js
index 6ff9d29..e264839 100644
--- a/backend/routes/users.js
+++ b/backend/routes/users.js
@@ -1,19 +1,15 @@
 const router = require("express").Router();
-
-let User = require("../models/user.model")
+let user = require("../models/user.model")
 
 router.route('/').get((req, res) => {
-    User.find()
+    user.find()
         .then((users) => res.json(users))
         .catch((err) => res.status(400).json('Error'+ err))
 })
 
 router.route('/add').post((req, res) => {
-    const username = req.body.username
-    console.log(req.body);
-    
-    const newUser = new User({username})
-
+    const username = req.body.username   
+    const newUser = new user({username})
     newUser.save()
         .then(() => res.json("User Added"))
         .catch((err) => res.status(400).json('Error' + err))
diff --git a/src/App.js b/src/App.js
index b84f4cf..a9ee169 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,14 +1,18 @@
 import React from 'react';
-import {BrowserRouter as Router, Route} from "react-router-dom"
+//routing
+import {BrowserRouter, Route} from "react-router-dom"
+//components
 import Navbar from "./components/navbar.component"
 import ExerciseList from "./components/exercise-list.component"
 import EditExercise from "./components/edit-exercise.component"
 import CreateExercise from "./components/create-exercise.component"
 import CreateUser from "./components/create-user.component"
+//styling
 import "bootstrap/dist/css/bootstrap.min.css"
+//stateless component
 function App() {
   return (
-    <Router>
+    <BrowserRouter>
       <div className="container">
         <Navbar/>
         <Route path="/" exact component={ExerciseList} />
@@ -16,7 +20,7 @@ function App() {
         <Route path="/create" component={CreateExercise} />
         <Route path="/user" component={CreateUser} />
       </div>
-    </Router>
+    </BrowserRouter>
   );
 }
 
diff --git a/src/components/create-exercise.component.js b/src/components/create-exercise.component.js
index 674da21..d1a3da8 100644
--- a/src/components/create-exercise.component.js
+++ b/src/components/create-exercise.component.js
@@ -1,8 +1,8 @@
-import React, {Component} from "react"
+import React from "react"
 import DatePicker from "react-datepicker"
 import axios from "axios"
 import "react-datepicker/dist/react-datepicker.css"
- export default class CreateExercise extends Component{
+ export default class CreateExercise extends React.Component{
 
     constructor(props){
         super(props)
@@ -19,8 +19,8 @@ import "react-datepicker/dist/react-datepicker.css"
     this.onChangeDate = this.onChangeDate.bind(this)
     this.onSubmit = this.onSubmit.bind(this)
 }
-    onChangeUsername(e){
-        this.setState({username:e.target.value})
+    onChangeUsername(event){
+        this.setState({username:event.target.value})
     }
 
     onChangeDescription(e){
@@ -33,7 +33,7 @@ import "react-datepicker/dist/react-datepicker.css"
         this.setState({date:date})
     }
 
-    onSubmit(e){
+    onSubmit =(e)=>{
         e.preventDefault()
         const exercise = {
             username : this.state.username,
@@ -41,7 +41,7 @@ import "react-datepicker/dist/react-datepicker.css"
             duration : this.state.duration,
             date : this.state.date,
         }
-        console.log(exercise);
+        //console.log(exercise);
         
         axios.post("http://localhost:5000/exercise/add", exercise)
             .then((res) => {console.log(res.data);})
@@ -65,7 +65,7 @@ import "react-datepicker/dist/react-datepicker.css"
      render(){
          return(
              <div>
-                 <h3>Create New Exercise Log</h3>
+                 <h4>Create New Exercise Log</h4>
                  <form onSubmit={this.onSubmit}>
                      <div className="form-group">
                          <label>Username:</label>
diff --git a/src/components/create-user.component.js b/src/components/create-user.component.js
index 78af157..236685c 100644
--- a/src/components/create-user.component.js
+++ b/src/components/create-user.component.js
@@ -1,6 +1,6 @@
-import React, {Component} from "react"
+import React from "react"
 import axios from "axios";
- export default class CreateUser extends Component{
+ export default class CreateUser extends React.Component{
 
     constructor(props){
         super(props)
@@ -10,16 +10,16 @@ import axios from "axios";
     this.onChangeUsername = this.onChangeUsername.bind(this)
     this.onSubmit = this.onSubmit.bind(this)
     }
-    onChangeUsername(e){
-        this.setState({username:e.target.value})
+    onChangeUsername=(event)=>{
+        this.setState({username:event.target.value})
     }
 
-    onSubmit(e){
-        e.preventDefault()
+    onSubmit=(event)=>{
+        event.preventDefault()
         const user = {
             username : this.state.username,
         }
-        console.log(user);
+       // console.log(user);
         
         axios.post("http://localhost:5000/users/add",user)
             .then((res) => console.log(res.data))