https://github.com/hmontarroyos/pomodoro
O projeto desenvolvido na NLW 04 é um Pomodoro que permite ao usuário receber pontos de experiência (XP) a cada tarefa concluída, permitindo que o mesmo suba de nível.
https://github.com/hmontarroyos/pomodoro
front-end nextjs nlw-4 pomodoro-timer reactjs typescript vercel
Last synced: 3 months ago
JSON representation
O projeto desenvolvido na NLW 04 é um Pomodoro que permite ao usuário receber pontos de experiência (XP) a cada tarefa concluída, permitindo que o mesmo suba de nível.
- Host: GitHub
- URL: https://github.com/hmontarroyos/pomodoro
- Owner: HMontarroyos
- Created: 2021-02-27T19:56:58.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-08-28T19:28:14.000Z (almost 2 years ago)
- Last Synced: 2025-03-29T13:57:44.318Z (3 months ago)
- Topics: front-end, nextjs, nlw-4, pomodoro-timer, reactjs, typescript, vercel
- Language: TypeScript
- Homepage: https://pomodoro-git-main-hmontarroyos.vercel.app/
- Size: 122 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Projeto Pomodoro |
Tecnologias Utilizadas |
Como Instalar o Projeto |
Como usar |
Deploy da aplicação
## Projeto Pomodoro
#### Desktop
### Modo Dark
#### Mobile
O projeto desenvolvido na NLW 04 é um Pomodoro que permite ao usuário receber pontos de experiência (XP) a cada tarefa concluída, permitindo que o mesmo suba de nível. A aplicação utilizou a Context API do React para o gerenciamento de estado, e também o módulo CSS para a estilização dos componentes.
### Tecnologias Utilizadas
[![React][React]][React-url]
[![Next][Next]][Next-url]
[![Typescript][Typescript]][Typescript-url]
### Utilitários
[![Vercel][Vercel]][Vercel-url]
### Como Instalar o Projeto
```sh
npm install
```
Após baixar todas as Dependências do Projeto dentro da pasta Raiz, inicie o Servidor com o Comando:
```sh
npm run dev
```
### Como usar
Para Inicializar o Projeto
Abrir [http://localhost:3000](http://localhost:3000) vizualizar no Navegador.
### Deploy da aplicação
[![Deploy][Deploy]][Deploy-url]
### 🚀 Let's code! 🚀 ###
[contributors-shield]: https://img.shields.io/github/contributors/HMontarroyos/pomodoro.svg?style=for-the-badge
[contributors-url]: https://github.com/HMontarroyos/pomodoro/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/HMontarroyos/pomodoro.svg?style=for-the-badge
[forks-url]: https://github.com/HMontarroyos/pomodoro/fork
[stars-shield]: https://img.shields.io/github/stars/HMontarroyos/pomodoro.svg?style=for-the-badge
[stars-url]: https://github.com/HMontarroyos/pomodoro/stargazers
[issues-shield]: https://img.shields.io/github/issues/HMontarroyos/pomodoro.svg?style=for-the-badge
[issues-url]: https://github.com/HMontarroyos/pomodoro/issues
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/hebertmontarroyos-developer/
[React]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://pt-br.reactjs.org/
[Next]: https://img.shields.io/badge/Next-20232A?style=for-the-badge&logo=nextdotjs&logoColor=61DAFB
[Next-url]: https://nextjs.org/
[Typescript]: https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white
[Typescript-url]: https://www.typescriptlang.org/
[Vercel]: https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white
[Vercel-url]: https://vercel.com/
[Deploy]: https://img.shields.io/badge/Vercel-000000?style=for-the-badge&logo=vercel&logoColor=white
[Deploy-url]: https://pomodoro-hmontarroyos.vercel.app/