https://github.com/renanfachin/rs_ig_timer
Ignite Timer - Desenvolvido durante o bootcamp de especialização em reactJS da rocketseat.
https://github.com/renanfachin/rs_ig_timer
ignite-reactjs ignite-rocketseat reactjs styled-components
Last synced: about 1 month ago
JSON representation
Ignite Timer - Desenvolvido durante o bootcamp de especialização em reactJS da rocketseat.
- Host: GitHub
- URL: https://github.com/renanfachin/rs_ig_timer
- Owner: RenanFachin
- Created: 2023-05-08T18:34:01.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-13T23:20:07.000Z (about 3 years ago)
- Last Synced: 2025-03-25T12:31:09.107Z (about 1 year ago)
- Topics: ignite-reactjs, ignite-rocketseat, reactjs, styled-components
- Language: TypeScript
- Homepage: https://rs-ig-timer182.vercel.app
- Size: 472 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# IGNITE Timer
Projeto de um Timer desenvolvido durante o módulo de especilização em reactjs da Rocketseat.
Esta aplicação é desenvolvida utilizando typescript, formulários avançados, roteamento, styled components e conceitos do sistema React (contextAPI e outros).
## Ferramentas utilizadas
`react-hook-form`, `date-fns`, `styled-components`, `zod`, `phosphor-react`
## 🎯 Funcionalidades
- [x] Criar um ciclo (nome da tarefa e tempo)
- [x] Criar um countdown para monitorar este tempo do ciclo
- [x] Adicionar o countdown no title da página para o usuário poder utilizar a aplicação em segundo plano
- [x] Precisa ter a função de interromper um ciclo atual
- [x] O ciclo pode ser concluído, em andamento ou interrompido
- [x] A aplicação precisa ter uma página com todos os ciclos já realizados
## Instalação
Faça o clone do repositório
Instalando as dependências
```bash
npm i
```
Rodando o servidor
```bash
npm run dev
```
## Autores
- [Renan Fachin](https://github.com/RenanFachin/)
## Professor
- [Diego Fernandes](https://github.com/diego3g)
## Referência
- [Rockeseat](https://www.rocketseat.com.br/)