Um cronômetro Pomodoro moderno com estética Neobrutalista, construído para ser rápido, funcional e visualmente impactante.
Este projeto nasceu de um desafio do curso de Luiz Otávio Miranda, evoluindo para uma aplicação completa com:
- Estética Bento Box: Layout organizado em cards com sombras sólidas.
- Modo Dia/Noite: Suporte total a temas claros e escuros.
- Timer de Alta Precisão: Lógica baseada em timestamps (
Date.now()) para garantir precisão mesmo com a aba em segundo plano. - Mobile Friendly: Layout responsivo para qualquer dispositivo.
- React 19 + TypeScript
- Vite 8x
- Tailwind CSS v4 (Estilização moderna e performática)
- Framer Motion (Animações fluidas)
- Google Fonts (Bricolage Grotesque e Darker Grotesque)
Este projeto utiliza o Bun para máxima performance, mas funciona perfeitamente com Node/NPM.
- Clone o repositório:
git clone https://github.com/stherzada/pomodoro.git
cd pomodoro- Instale as dependências:
bun install
# ou
npm install- Inicie o servidor de desenvolvimento:
bun dev
# ou
npm run dev- Acesse:
http://localhost:5173
- Refatoração completa da UI (Neobrutalismo).
- Lógica de Timer resiliente a background throttling.
- Configurações personalizáveis de tempo.
- Histórico de ciclos e tempo de foco.
- Toggle de Tema (Day/Night).
Feito com 🤍 por Sther