Description • Demo • Technologies • How to use

ℹ Description

This is pomodoro application with some new nice features made with ReactJS, TypeScript, Styled Components, React Hook Form, Zod and much more.

The application has the following features:

• Add a new cycle
• Save cycle in a list
• Show history of cycles and their status
• Show timer as the cycle goes
• Maintain cycles on Local Storage

All using good clean code practices in ReactJS with TypeScript and relevant libraries.

💻 Demo

Screenshots

🛠 Technologies

Frontend

• React
• React Router Dom
• Styled Components
• Hook Form
• Zod
• Date Fns
• Immer
• Phosphor React
• Vite

Others requirements can be seen on the package.json file

🖥 How to use

# clone this repo and access its folder
$ git clone https://github.com/andrevks/ignite-timer && ignite-timer

# Initiate frontend
$ npm install
$ npm run dev 

---

Made with 💜 by André Geraldo