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