Um dashboard completo para desenvolvedores que desejam organizar seus estudos, acompanhar seu progresso e utilizar o poder da IA para otimizar o aprendizado.
- 📊 Dashboard de Progresso: Visão geral com estatísticas de horas de estudo, tarefas concluídas, sequência de dias e conquistas.
- ⏱️ Timer Pomodoro: Timer configurável (25, 15, 5 min) para sessões de estudo focadas.
- ✅ Gerenciador de Tarefas: Adicione, conclua e delete suas tarefas de estudo.
- 🤖 Tarefas com IA: Gere uma lista de tarefas de estudo para qualquer tópico usando a IA do Google Gemini.
- 🧠 Quiz com IA: Para marcar uma tarefa como concluída, você deve acertar uma pergunta de múltipla escolha sobre o tema, gerada pela IA.
- 💬 Assistente de Chat IA: Converse com um assistente de IA para tirar dúvidas, pedir explicações e obter ajuda em seus estudos.
- 🐙 Integração com GitHub: Visualize seus repositórios mais recentes diretamente no dashboard.
- 🏆 Sistema de Conquistas: Gamificação para te manter motivado a estudar todos os dias.
- 📚 Recursos de Estudo: Uma lista curada de links úteis para desenvolvedores.
- 🌗 Tema Claro e Escuro: Interface adaptável para o seu conforto visual.
- 📱 Design Responsivo: Experiência de uso otimizada para desktops, tablets e celulares.
-
Frontend:
- HTML5 Semântico
- CSS3 com Variáveis, Flexbox e Grid
- JavaScript (ES6+) com arquitetura modular
-
Bibliotecas e APIs:
- Font Awesome para os ícones.
- Chart.js para o gráfico de progresso semanal.
- Google Gemini API para todas as funcionalidades de IA.
- GitHub API para buscar os repositórios.
Este projeto é puramente frontend e não requer um servidor para ser executado.
-
Clone o repositório:
git clone https://github.com/firstjohnny/CodeTracker.git
-
Abra o arquivo
index.html:- Navegue até a pasta do projeto e abra o arquivo
index.htmlno seu navegador de preferência (Google Chrome, Firefox, etc.).
- Navegue até a pasta do projeto e abra o arquivo
-
Configure a Chave de API:
- Para que as funcionalidades de Inteligência Artificial (geração de tarefas, quiz e chat) funcionem, você precisa de uma chave de API do Google Gemini.
- Obtenha sua chave de API gratuitamente no Google AI Studio.
- Clique no ícone de engrenagem (⚙️) no canto superior direito do CodeTracker, cole sua chave de API e salve.
Pronto! Agora todas as funcionalidades do projeto estão ativas.
Contribuições são sempre bem-vindas! Se você tem alguma ideia para melhorar o projeto, sinta-se à vontade para abrir uma issue ou enviar um pull request.
- Faça um fork do projeto.
- Crie uma nova branch (
git checkout -b feature/NovaFuncionalidade). - Faça o commit das suas alterações (
git commit -m 'Adiciona NovaFuncionalidade'). - Faça o push para a branch (
git push origin feature/NovaFuncionalidade). - Abra um Pull Request.
Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Desenvolvido com ❤️ por First Johnny.
- GitHub: @firstjohnny
- LinkedIn: www.linkedin.com/in/joão-nicolau-remos-tomás-621a1a363