You must have nodejs
(https://nodejs.org/fr/download/) installed on your machine. You will also need one of the following package manager: yarn
.
Installing dependencies
yarn install
The project was created using Vite.
- Start the project:
yarn dev
- Build the project:
yarn build
- Preview the project:
yarn preview
An online version has been deployed thanks to Firebase (Hosting): https://todo-list-748be.web.app/.
- DRY best practices were difficult to follow because of the UI/UX design or behaviour that were sometimes subtly different.
- It is not always easy to tell the difference between atomic components and to push logic to the right place. Sometimes several revisions are required.
- I am proud to have identified most of the behaviours
- I took advantage of this test to test Vite and Tailwind CSS, so in addition to React, it was very advantageous for me.
- For the design, i will try use daisyUI, a Tailwind CSS component library and try to design more reusable components (modal, button, input field, etc.).
- Refactor to have a simpler logic (more custom Hooks, more
Context
)
Thank you! ☀️