Aplicação de timer estilo Pomodoro. Os usuários podem programar contagens regressivas, pausar e resetar conforme preferirem.
🪧 Vitrine.Dev | |
---|---|
✨ Nome | Ignite Timer - Pomodoro |
🏷️ Tecnologias | React, TypeScript, Styled-Components, Vite |
🚀 URL | https://ignite-pomodoro-app.vercel.app/ |
🔥 Desafio | https://bit.ly/3zUgzoy |
Este projeto foi um dos requisitos para conclusão do segundo módulo na trilha React do Ignite Rocketseat. Os objetivos foram: praticar os fundamentos do React e utilização de hooks como useContext, useState, useReducer, Providers e Routes. Também aprofundei conhecimentos sobre imutabilidade. Utilizei o Vite como ferramenta de build do projeto, junto com TypeScript e Styled-Components. A UI do projeto foi baseada em um protótipo do Figma.
- This a Pomodoro style Timer application. Users can set timers, pause, and reset as it suits them.
- Typescript
- React
- Vite
- Styled-Components
- Phosphor-Icons
- EsLint
- React-Hook-Form
- React-Router-DOM
- Date-FNS
- Immer
- This project is one of the requirements for the conclusion of the second module in Rocketseat's Ignite course. The goals are to practice React fundamentals and hooks such as useContext, useState, useReducer, Providers, Routes, while using styled-components package. I also learned more about the principles of immutability.
Deployed v1.0
- On the main (clock) page, users can set a name and time (minimum 1 minute) for a task and start the timer.
- On the History page, users can control their tasks by name, date of creation and status.
History and Task status rules:
- While the timer is active (couting down), a task is set to "in progress" status.
- Whenever users stop the timer, the task status will be set to "interrupted".
- Whenever the clock reaches zero, the task status will be set to "completed".