O StudyGotchi é uma aplicação desenvolvida em React e TypeScript, inspirada nos clássicos Tamagotchis, mas com foco em ajudar nos estudos. O objetivo é criar um mascote virtual que incentiva o usuário a manter uma rotina equilibrada de estudo, descanso e diversão.
A aplicação StudyGotchi foi desenvolvida com apoio de Inteligências Artificiais, utilizadas como ferramentas de orientação ao longo do projeto.
As IAs foram utilizadas para guiar o processo de raciocínio e planejamento, ajudando a estruturar as etapas de desenvolvimento, compreender conceitos e resolver desafios lógicos. Importante destacar que o suporte não envolveu a exibição de códigos prontos, mas sim instruções e explicações para estimular o pensamento crítico e a autonomia durante a criação da aplicação.
O StudyGotchi foi criado para tornar o processo de estudo mais interativo e motivador. O mascote virtual acompanha o usuário durante sessões de estudo, oferecendo feedback visual sobre o progresso e incentivando pausas para descanso e momentos de lazer. A aplicação utiliza React para o front-end e TypeScript para garantir tipagem e organização do código.
- Implementar um contador de 1 hora de estudo para monitorar sessões;
- Exibir barras de status para estudo, descanso e divertimento, promovendo equilíbrio;
- Utilizar componentes e hooks do React para gerenciar estados e lógica;
- Explorar boas práticas de desenvolvimento com TypeScript;
- Estimular o raciocínio lógico e a autonomia, com auxílio de IA para pensar nas soluções.
Uma prévia das principais funcionalidades do StudyGotchi:
🌐 Acesse o Projeto Online
O projeto está disponível para visualização na Vercel. Clique no link abaixo para acessar:
⭐ Interface
Uma prévia da interface principal do StudyGotchi, mostrando o mascote virtual, indicadores de estudo, descanso e felicidade, e os botões de interação.
💻 Responsividade para Desktop
Visualização adaptada para telas maiores, com layout otimizado, melhor distribuição dos elementos e aproveitamento do espaço para uma experiência mais fluida no navegador.
❓ Tela de Como Jogar
A tela de instruções mostra os passos essenciais para começar no StudyGotchi: primeiro, aproveite o momento de lazer para desbloquear o estudo; depois, inicie sua sessão monitorada de aprendizado e acompanhe o progresso pelas barras de status. Cuide do seu mascote equilibrando dedicação aos estudos e pausas de diversão ao longo da sua rotina.
👾 Tela de Seleção de Personagem
A tela inicial oferece espaço para o usuário digitar o nome de seu mascote virtual e escolher entre 4 opções de personagens, tornando o início da jornada ainda mais personalizado e divertido.
🌟 Tela de Up Level
Tela que exibe o momento de evolução do mascote, celebrando o progresso do usuário após alcançar metas de estudo e equilíbrio entre descanso e diversão.
📆 Calendário de Estudos
Calendário para registrar visualmente os dias estudados, destacando as datas em que o usuário cumpriu suas sessões, facilitando o acompanhamento de hábitos e a construção de uma rotina consistente de estudos.