import './App.css';
import RegisterPage from './component/views/RegisterPage/RegisterPage';
import LoginPage from './component/views/LoginPage/LoginPage';
import MainPage from './component/views/MainPage/MainPage';
import SelectPage from './component/views/SelectPage/SelectPage';
import RecommandPage from './component/views/RecommandPage/RecommandPage';
import { Route, Routes } from 'react-router-dom';

function App() {
  return (
    <div>
      <Routes>
        <Route exact path = "/login" element = {<LoginPage/>}/>
        <Route exact path = "/register" element = {<RegisterPage/>}/>
        <Route exact path = "/main" element = {<MainPage/>}/>
        <Route exact path = "/select" element = {<SelectPage/>}/>
        <Route exact path = "/recommand" element = {<RecommandPage/>}/>
      </Routes>
    </div>
  );
}

export default App;