GrindTracker 🗿💪

---

🗿 O que é o GrindTracker?

Um app de tracking de hábitos construído com vibe de meme, mas com execução de titânio. Nascido da necessidade real que eu (Wagner) e do meu brother Marlon temos de disciplina e pra acompanhar o grind diário, organizando nosso tempo com precisão cirúrgica.

"Se não tá no Firestore, não aconteceu." – Giga Chad, provavelmente. Apresentei a ideia pro Marlon, ele curtiu na hora, e o que começou como uma brincadeira virou uma competição saudável pra ver quem grinda mais, reza mais, treina mais, estuda mais. E sim: os memes são o combustível. O Giga Chad é o ícone oficial. E o "based" é o padrão.

---

🛠 Stack Completa (como no VS Code, mas melhor)

Ícone	Tecnologia	Por quê?
	React + Vite	Rápido, moderno, zero enrolação
	JavaScript	A alma do frontend – tudo roda aqui
	Firebase	Auth + Firestore – banco e autenticação em um só lugar
	Recharts	Gráficos lindos, responsivos, perfeitos pro grind
	Tailwind CSS	Estilização no código, sem CSS separado
	Vercel / Firebase	Deploy instantâneo, hosting grátis

Lucide React para ícones modernos Firebase (Auth + Firestore) como cérebro e coração do app

---

📋 Roadmap – O Caminho do Giga Chad

✅ FASE 1: Setup Inicial ⚙️

• Vite + React
• Tailwind CSS
• Recharts, Lucide, Prettier
• Estrutura de pastas (clean, funcional, sem improviso)

✅ FASE 2: Firebase Setup 🔥

• Projeto criado: grind-tracker-86e24
• Auth com Email/Senha
• Firestore + Regras de segurança
• Contas criadas:
  • email@grindtracker.com
  • Senha: ************

✅ FASE 3: Sistema de Login 🔐

• Página de login
• Proteção de rotas
• AuthContext global

✅ FASE 4: Adicionar Atividades ➕

• Formulário com atividades predefinidas
• Input customizado
• Salvamento em tempo real no Firestore
• Histórico diário com fade-in suave

✅ FASE 5: Gráfico de Ondas Coletivo 📊

• Dados da semana (Wagner + Marlon)
• Soma de horas por dia
• AreaChart com navegação < >
• Tooltips com grind total

✅ FASE 6: Tabela de Hábitos Individual ✅

• Grid: hábitos × dias
• Check/uncheck com feedback visual
• % semanal com cores (vermelho → verde)
• Navegação por mês
• Duas tabelas: Wagner e Marlon

✅ FASE 7: Estilização Final 🎨

• Design system (cores primárias, espaçamentos)
• Responsivo mobile
• Animações sutis

🚀 FASE 8: Deploy

• Build de produção
• Deploy no Firebase Hosting

---

🎯 Funcionalidades Atuais

• Login seguro
• Tracking de atividades com tempo
• Gráfico semanal coletivo
• Tabela de hábitos com % de cumprimento
• Interface clean e rápida

---

🗿 Filosofia do Projeto

"Grind ou frustração. Não tem meio-termo."

• Disciplina > motivação
• Dados > desculpas
• Memes > palestras motivacionais
• Giga Chad aprova

---

🚀 Como rodar localmente

git clone https://github.com/WagnerRodrigues181/grind-tracker.git
cd grind-tracker
npm install
npm run dev

Acesse: http://localhost:5173 Login:

• Email: guestuser@grindtracker.com
• Senha: guestuser1234

---

🤝 Contribuições

Quer entrar no grind?

1. Fork no repo
2. Crie sua branch: grind/nova-feature
3. Commit com mensagem clara: "feat: adiciona raios laser e dinossauros"
4. PR com descrição clean
5. Aguarde aprovação do Giga Chad Council

---

🛡 Licença

MIT – Use, modifique, melhore. Mas se for fraco, não reclama.

🗿 "Yes, Chad?"

Sim, Chad. O grind nunca para.

Based. Eterno. GrindTracker – porque o molenga não tem histórico.

---