text: import React, { Component } from 'react';
  import ReactDOM from 'react-dom';
  import { BrowserRouter, Route, Switch } from 'react-router-dom';
  import Header from './Header';
  import CreateProject from './CreateProject';
  import Projects from './Projects';
  import SingleProject from './SingleProject';
  import SingleTask from './SingleTask';
  
  class App extends Component {
    render () {
    return (
        <BrowserRouter>
        <div>
        <Header />
        <Switch>
        <Route exact path='/' component={Projects} />
        <Route exact path='/create' component={CreateProject} />
        <Route path='/project/:id' component={SingleProject} />
        <Route path='/tasks/:taskId' component={SingleTask} />
        </Switch>
        </div>
        </BrowserRouter>
      );
    }
  }
  
  export default App;
  
  if (document.getElementById('app')) {
    ReactDOM.render(<App/>, document.getElementById('app'));
  }
  