setup auth routes and headerwrapper component

src/bootstrap.js

@@ -2,21 +2,30 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
 import { createStore, applyMiddleware } from 'redux';
-import { BrowserRouter } from 'react-router-dom';
-import App from './components/app';
+import { BrowserRouter, Route, Switch } from 'react-router-dom';
+
 import reducers from './reducers';
 
 const createStoreWithMiddleware = applyMiddleware()(createStore);
 
 import 'bootstrap/dist/css/bootstrap.css';
 import './style/main.scss';
 
+import HeaderWrapper from './components/headerWrapper';
+
+import Signup from './components/auth/signup';
+import Signin from './components/auth/signin';
 
 function main() {
   ReactDOM.render(
     <Provider store={createStoreWithMiddleware(reducers)}>
       <BrowserRouter>
-        <App />
+        <Switch>
+            <HeaderWrapper>
+              <Route path='/' exact component={Signin}/>
+              <Route path='/signup' component={Signup}/>
+            </HeaderWrapper>
+        </Switch>
       </BrowserRouter>
     </Provider>
     , document.querySelector('.app-wrapper'));

src/components/auth/signin.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+class Signin extends Component {
+    render() {
+        return (
+            <div className='sign-in'>
+                ...signin
+            </div>
+        )
+    }
+}
+
+export default Signin;

src/components/auth/signup.js

@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+
+class Signup extends Component {
+    render() {
+        return (
+            <div className='sign-up'>
+                ...signup
+            </div>
+        )
+    }
+}
+
+export default Signup;

src/components/headerWrapper.js

@@ -0,0 +1,15 @@
+import React, { Component } from 'react';
+
+class HeaderWrapper extends Component {
+    render() {
+        return (
+            <div className='header-wrapper'>
+                <h1>Welcome to HOA Manager!</h1>
+                <p>Please login to continue</p>
+                {this.props.children}
+            </div>
+        )
+    }
+}
+
+export default HeaderWrapper;