https://github.com/omarcoaur3lio/ignite-timer
https://github.com/omarcoaur3lio/ignite-timer
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/omarcoaur3lio/ignite-timer
- Owner: omarcoaur3lio
- License: mit
- Created: 2022-08-10T22:56:46.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-05T20:19:42.000Z (over 2 years ago)
- Last Synced: 2025-01-21T11:44:52.717Z (4 months ago)
- Language: TypeScript
- Size: 351 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Sobre |
Preview |
Instalação |
Tecnologias
## :speech_balloon: Sobre
Esta aplicação foi desenvolvida durante o segundo módulo do programa de treinamento Ignite, da [Rocketseat](https://www.rocketseat.com.br/ignite). Durante o desenvolvimento dessa aplicação foram estudados os conceitos de `ContextAPI`, `useReducer` além da utilização da biblioteca `immer`.
### Aplicação
O Ignite Timer é uma aplicação para gerenciamento de tempo no estilo `pomodoro`. Através dela é possível definir o intervalo de tempo em que pretendemos trabalhar em uma determinada tarefa. A aplicação também possibilita a visualização do histórico de tarefas realizadas, identificadas conforme seus status de conclusão ( 🟢 concluído, 🔴 interrompido ou 🟡 em andamento).
### :camera: Preview
## :hammer_and_wrench: Instalação
Para executar a aplicação em sua máquina é necessário que possua o [Git](https://git-scm.com/book/pt-br/v2/Come%C3%A7ando-Instalando-o-Git) e o [NodeJS](https://nodejs.org/pt-br/download/package-manager/) já instalados, e também um gerenciador de pacotes como o [NPM](https://www.npmjs.com/) ou [Yarn](https://yarnpkg.com/).
Com essas ferramentas instaladas:
1. Clone este repositório
```shell
git clone https://github.com/omarcoaur3lio/ignite-timer.git
```
2. Navegue até o diretório criado
```shell
cd ignite-timer
```
3. Instale as dependências do projeto
```shell
yarn # ou npm i
```
3. Execute a aplicação
```shell
yarn dev # ou npm run dev
```
O aplicativo estará disponível para acesso em seu navegador em http://localhost:5173
## :rocket: Tecnologias
- [Vite](https://vitejs.dev/)
- [ReactJS](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [React Hook Form](https://react-hook-form.com/)
- [date-fns](https://date-fns.org/)
Feito com :purple_heart: