diff --git a/README.md b/README.md
index 9fb7474..21a77b6 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,3 @@
-## ReactStarter
+## BitBook
+
+Application by BlueTeam
\ No newline at end of file
diff --git a/src/components/app.js b/src/components/app.js
index 688ddcc..29ff508 100644
--- a/src/components/app.js
+++ b/src/components/app.js
@@ -1,6 +1,6 @@
 import React from "react";
-
-import HelloWorld from "./helloWorld/helloWorld";
+import LoginPage from "./login/loginPage";
+import { Switch, Route } from "react-router-dom";
 
 class App extends React.Component {
     constructor(props) {
@@ -8,7 +8,9 @@ class App extends React.Component {
     }
 
     render() {
-        return <HelloWorld />;
+        return (
+            <LoginPage />
+        );
     }
 }
 
diff --git a/src/components/common/serviceApi.js b/src/components/common/serviceApi.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/helloWorld/helloWorld.js b/src/components/helloWorld/helloWorld.js
deleted file mode 100644
index c0ba8a7..0000000
--- a/src/components/helloWorld/helloWorld.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from "react";
-
-class HelloWorld extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-
-    render() {
-        return <p>Hello World!</p>;
-    }
-}
-
-export default HelloWorld;
diff --git a/src/components/login/loginForm.js b/src/components/login/loginForm.js
new file mode 100644
index 0000000..49144fe
--- /dev/null
+++ b/src/components/login/loginForm.js
@@ -0,0 +1,63 @@
+import React from "react";
+
+import { Link } from "react-router-dom";
+
+class LoginForm extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.state = this.initState();
+        this.bindEventHandlers();
+    }
+
+
+    initState(){
+        return{
+            email: "",
+            password: ""
+        };
+
+    }
+    
+    bindEventHandlers() {
+        this.handleInputChange = this.handleInputChange.bind(this);
+    }
+
+    handleInputChange(event) {
+        const value = event.target.value;
+        const name = event.target.name;
+
+        this.setState({
+            [name]: value
+        });
+    }
+
+    logIn() {
+        event.preventDefault();
+        
+    }
+
+
+
+    render() {
+        return (
+            <main>
+                <div>
+                    <Link to="/login"><button>Login</button></Link>
+                    <Link to="/register"><button>Register</button></Link>
+                </div>
+                <form>
+                    <input type="email" name="email" placeholder="Email Address" value={this.state.email} onChange={this.handleInputChange} />
+                    <input type="password" name="password" placeholder="Password" value={this.state.password} onChange={this.handleInputChange} />
+                    <input type="submit" value="Login" onClick={this.logIn} />
+                </form>
+            </main>
+        );
+    }
+
+
+
+
+}
+
+export default LoginForm;
\ No newline at end of file
diff --git a/src/components/login/loginPage.js b/src/components/login/loginPage.js
new file mode 100644
index 0000000..cf64f99
--- /dev/null
+++ b/src/components/login/loginPage.js
@@ -0,0 +1,26 @@
+import React from "react";
+import LoginForm from "./loginForm";
+import RegisterForm from "./registerForm";
+import { Switch, Route, Link } from "react-router-dom";
+
+
+
+
+class LoginPage extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <Switch>
+                <Route exact path="/" component={LoginForm} />
+                <Route path="/login" component={LoginForm} />
+                <Route path="/register" component={RegisterForm} />
+            </Switch>
+        );
+    }
+}
+
+
+export default LoginPage;
\ No newline at end of file
diff --git a/src/components/login/registerForm.js b/src/components/login/registerForm.js
new file mode 100644
index 0000000..1e7da77
--- /dev/null
+++ b/src/components/login/registerForm.js
@@ -0,0 +1,64 @@
+import React from "react";
+
+import { Link } from "react-router-dom";
+
+class RegisterForm extends React.Component {
+    constructor(props) {
+        super(props);
+
+        this.state = this.initState();
+        this.bindEventHandlers();
+
+    }
+
+    initState(){
+        return{
+            fullName: "",
+            email: "",
+            password: ""
+        };
+
+    }
+
+    bindEventHandlers() {
+        this.handleInputChange = this.handleInputChange.bind(this);
+    }
+
+    handleInputChange(event) {
+        const value = event.target.value;
+        const name = event.target.name;
+
+        this.setState({
+            [name]: value
+        });
+    }
+
+    register() {
+        event.preventDefault();
+        
+    }
+
+    render() {
+        return (
+            <main>
+                <div>
+                    <Link to="/login"><button>Login</button></Link>
+                    <Link to="/register"><button>Register</button></Link>
+                </div>
+                <form>
+                    <input type="text" name="fullName" placeholder="Full Name" value={this.state.fullName} onChange={this.handleInputChange} />
+                    <input type="email" name="email" placeholder="Email Address" value={this.state.email} onChange={this.handleInputChange} />
+                    <input type="password" name="password" placeholder="Min 6 characters" value={this.state.password} onChange={this.handleInputChange} />
+                    <input type="submit" value="Register" onClick={this.register} />
+                </form>
+            </main>
+        );
+
+
+    }
+
+
+
+}
+
+export default RegisterForm;
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index ac437dd..dbb8e62 100644
--- a/src/index.html
+++ b/src/index.html
@@ -8,7 +8,7 @@
         <title>My React App</title>
     </head>
     <body>
-        <div class="container"></div>
+        <div class="app"></div>
 
         <script src="bundle.js"></script>
     </body>
diff --git a/src/index.js b/src/index.js
index 80d7d1b..8ebc645 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,13 +1,13 @@
 import React from "react";
 import ReactDOM from "react-dom";
-import { BrowserRouter } from "react-router-dom";
+import { HashRouter } from "react-router-dom";
 import "babel-polyfill";
 
 import App from "./components/app";
 
 ReactDOM.render(
-    <BrowserRouter>
+    <HashRouter>
         <App />
-    </BrowserRouter>,
-    document.querySelector(".container")
+    </HashRouter>,
+    document.querySelector(".app")
 );