My goal for this projects is to set up a multi-route app, which combines multiple reusable components to form a site. When the user visits this app, there is a mock login screen which accepts a user/pass combination into a form. If the combo is correct, the userLoggedIn state is updated, then they are forwarded to a mock dashboard. On that dash, they have the option to pick from a few different feature options. One being a to-do list, which grabs data from an endpoint and joins the user submitted tasks to a new list.
Pages/Routes: Login -> Home Dashboard w Nav: [ToDo, Settings]
- initiate project with Vite & dependencies
- set up project directories & pages
- Create Authentication flow
- Create dashboard route w components NavBar & Greeting
- Create toDo route with toDoList component and addItem form
- Set up DevOps
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel (or oxc when used in rolldown-vite) for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.