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 RecommandPage from './component/views/RecommandPage/RecommandPage';
import { Route, Routes } from 'react-router-dom';
import WeatherPage from './component/views/WeatherPage/WeatherPage';

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

export default App;