content: import 'bootstrap/dist/css/bootstrap.css';
  import React from 'react';
  import App from './components/App';
  import { Router, Route, browserHistory, IndexRoute } from 'react-router';
  import { render } from 'react-dom';
  import Home from './components/Home';
  import LifeGoals from './components/LifeGoals';
  import Navigation from './components/Navigation';
  import Login from './components/Login';
  import SignUp from './components/SignUp';
  import { Provider } from 'mobx-react';
  import Wheel from './components/Wheel';
  import UserStore from './stores/UserStore';
  import WheelStore from './stores/WheelStore';
  import GoalStore from './stores/GoalStore';
  import History from './components/History';
  import EnsureLoggedInContainer from './components/EnsureLoggedInContainer';
  import EntryPage from './components/EntryPage';
  const wheelStore = new WheelStore();
  const userStore = new UserStore();
  const goalStore = new GoalStore();
  
  render((
    <Provider wheelStore={wheelStore} userStore={userStore} goalStore={goalStore}>
      <Router history={browserHistory}>
      <Route path="/" component={EntryPage}/>
        <Route component={EnsureLoggedInContainer}>
          <Route path="/home" component={App}>
            <IndexRoute component={Home}/>
            <Route path="/wheel" component={Wheel}/>
            <Route path="/lifegoals" component={LifeGoals}/>
            <Route path="/history" component={History}/>
          </Route>
        </Route>
      </Router>
    </Provider>
  ), document.getElementById('app'));
  