Merge 0a4773f into b05a136

src/components/Home/App.css

@@ -0,0 +1,10 @@
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}

src/components/tests/App.test.js → src/components/Home/App.test.js

@@ -1,10 +1,10 @@
-import React from 'react'
-import { shallow } from 'enzyme'
-import App from '../Home'
+import React from 'react';
+import { shallow } from 'enzyme';
+import App from './Home';
 
 describe('App', () => {
   it('Should render without crashing', function () {
     const app = shallow(<App />)
     expect(app.length).toBe(1)
-  })
-})
+  });
+});

src/components/Home/Home.js

@@ -0,0 +1,16 @@
+import React, { Component } from 'react';
+import '../../App.css';
+
+class App extends Component {
+  render() {
+    return (
+      <div className="App">
+        <header className="App-header">
+          <p>WELCOME TO AUTHORS HAVEN</p>
+        </header>
+      </div>
+    );
+  }
+}
+
+export default App;

src/components/Login/Login.js

@@ -0,0 +1,13 @@
+import React from 'react';
+
+export default () => {
+  return (
+    <div>
+      <form>
+        <input type="text" placeholder="Username" />
+        <input type="password" placeholder="Password" />
+        <button>Login</button>
+      </form>
+    </div>
+  );
+};

src/routers/Approuter.js

@@ -1,17 +1,17 @@
-import React, { Component } from 'react'
-import Login from '../components/Login'
-import Home from '../components/Home'
-import { BrowserRouter, Route, Switch } from 'react-router-dom'
+import React, { Component } from 'react';
+import Login from '../components/Login/Login';
+import Home from '../components/Home/Home';
+import { BrowserRouter, Route, Switch } from 'react-router-dom';
 
 const Approuter = () => (
   <BrowserRouter>
     <div>
       <Switch>
-        <Route path='/' component={Home} exact />
-        <Route path='/login' component={Login} />
+        <Route path="/" component={Home} exact />
+        <Route path="/login" component={Login} />
       </Switch>
     </div>
   </BrowserRouter>
-)
+);
 
-export default Approuter
+export default Approuter;