ToDo List

App: https://todo-list-phi-wine.vercel.app/

Challenge proposed by Rocketseat's Ignite course related to Fundamentals of React.

Some tools used here is very overkill and not needed to this project, but the idea was to experiment with new options.

Briefing: Notion

Features

Add todo
Mark todo as finished or not
Delete todo
Show progression

Technologies

React
React hook form (form validation)
Zod (form validation)
Zustand (state manager)
TailwindCSS
NextUI
CI/CD github actions

Icons

Phosphor icons

Fonts

Font Inter from Google Fonts

Design

Figma: ToDo List

Result

Empty list of to-dos

List of to-dos