Skip to content
Snippets Groups Projects
Select Git revision
  • 40cecb1ab1eddb28b255b40eee7c33454548dd94
  • main default protected
  • Light/DarkMode-Feature
3 results

App.jsx

Blame
  • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    App.jsx 1.10 KiB
    import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
    import SignIn from "./pages/SignIn";
    import SignUp from "./pages/SignUp";
    import Home from "@pages/Home";
    import "./App.css";
    import Todolist from "@components/todolist/Todolist";
    import { TasksProvider } from "@context/TasksContext";
    import { ThemeProvider } from "@context/ThemeContext";
    import Navbar from "@components/Navbar.jsx";
    import Footer from "@components/Footer.jsx";
    
    function App() {
      return (
        <ThemeProvider>
          <TasksProvider>
            <Router>
              <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
                <Navbar />
                <main className="flex-grow pt-4">
                  <Routes>
                    <Route path="/signin" element={<SignIn />} />
                    <Route path="/signup" element={<SignUp />} />
                    <Route path="/" element={<Home />} />
                    <Route path="/todolist" element={<Todolist />} />
                  </Routes>
                </main>
                  <Footer />
              </div>
            </Router>
          </TasksProvider>
        </ThemeProvider>
      );
    }
    
    export default App;