App.js

import React, { Component } from 'react';
import { BrowserRouter, Switch, Route } from 'react-router-dom'
import Navbar from './Components/layout/Navbar'
import Dashboard from './Components/dashboard/dashboard'
import PostDetails from './Components/projects/postdetails' 
import CreatePost from './Components/projects/createpost'
import SignIn from './Components/auth/signin'
import SignUp from './Components/auth/signup'
import Todo from './Components/todo/todomain'
import World from './Components/game/world'

class App extends Component {
  render() {
    return (
      <BrowserRouter>
        <div className="App">
          <Navbar />
          <Switch>
            <Route exact path='/' component={Dashboard} />
            <Route path='/project/:id' component={PostDetails} />
            <Route path='/signin' component={SignIn} />
            <Route path='/signup' component={SignUp} />
            <Route path='/create' component={CreatePost}/>
            <Route path='/todo' component={Todo}/>
            <Route path='/game' component={World}/>
          </Switch>
        </div>
      </BrowserRouter>
    );    
  }
}

export default App;