https://github.com/devjpmello/app-pomodoro
App Pomodoro te ajuda a gerenciar seu tempo
https://github.com/devjpmello/app-pomodoro
react typescript
Last synced: about 1 month ago
JSON representation
App Pomodoro te ajuda a gerenciar seu tempo
- Host: GitHub
- URL: https://github.com/devjpmello/app-pomodoro
- Owner: devJPMello
- Created: 2025-02-28T17:57:39.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-04T03:49:59.000Z (12 months ago)
- Last Synced: 2025-06-04T10:30:00.570Z (12 months ago)
- Topics: react, typescript
- Language: TypeScript
- Homepage: https://app-pomodoro-jp.vercel.app
- Size: 195 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ⏱️ App Pomodoro
Um aplicativo simples de Pomodoro construído com React e TypeScript, focado em produtividade e gerenciamento de tempo. A técnica Pomodoro divide o tempo em blocos de foco e pausa, ajudando a manter a concentração e evitar distrações.
[🔗 Acesse a versão online](https://app-pomodoro-jp.vercel.app)
---
## 🚀 Tecnologias
- [React](https://reactjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Vite](https://vitejs.dev/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Vercel](https://vercel.com/) para deploy
---
## ⚙️ Funcionalidades
- ⏳ Temporizador de 25 minutos (pomodoro)
- ☕ Intervalos curtos (5 minutos)
- 😌 Intervalos longos (15 minutos)
- 🔄 Ciclos automáticos entre foco e pausas
- 🎯 Interface minimalista, responsiva e intuitiva
---
## 🛠️ Como usar localmente
### Pré-requisitos
- Node.js (versão 16 ou superior)
- npm ou yarn
### Passo a passo
```bash
# Clone o repositório
git clone https://github.com/devJPMello/App-Pomodoro.git
# Acesse o diretório
cd App-Pomodoro
# Instale as dependências
npm install
# ou
yarn install
# Execute o app em modo de desenvolvimento
npm run dev
# ou
yarn dev
```
Abra no navegador: [http://localhost:5173](http://localhost:5173)
---
## 📁 Estrutura de Pastas
```
src/
├── assets/ # Imagens e ícones
├── components/ # Componentes reutilizáveis
├── hooks/ # Hooks personalizados
├── pages/ # Página principal
├── styles/ # Estilos globais
├── App.tsx # Componente principal
├── main.tsx # Ponto de entrada
```
---
## 📄 Licença
Este projeto está licenciado sob a [MIT License](LICENSE).
---
## 🙋♂️ Autor
Desenvolvido por [@devJPMello](https://github.com/devJPMello)
Sinta-se à vontade para contribuir, sugerir melhorias ou abrir issues! 😊