MVP de uma aplicação web em React que gera automaticamente - com o uso de IA - um cronograma de estudos e tarefas para estudantes
Este projeto foi desenvolvido na disciplina de Experiência Criativa, da PUCPR, na qual foram explorados os conceitos do Design Thinking. Utilizando-se desta técnica, nós deveríamos achar uma "dor" para ser resolvida, e, ao final, entregar um MVP do produto, que é esta aplicação web.
Como o foco principal era praticar o Design Thinking, o tempo para a produção do MVP em si era curto e os alunos deste grupo aproveitaram a oportunidade para testar tecnologias novas, com as quais não tinham familiaridade, ou se colocaram em situações nas quais não possuíam tanta experiência (como devs que geralmente fazem frontend, fazendo backend e vice versa), a fim de utilizá-lo também como laboratório de aprendizado. E, por isso, é importante ressaltar que, apesar de funcionar e cumprir com os objetivos, a qualidade de código e organização de arquivos no geral está muito aquém da ideal.
O Beezer nasceu de uma dor comum a qualquer estudante: muitas atividades a serem feitas, e pouco tempo para realizá-las. E o que os estudantes costumam fazer? Deixar para estudar tudo na última hora, o que é cientificamente comprovado que é ineficiente para reter os conhecimentos adquiridos nas disciplinas cursadas.
Como o Beezer resolve este problema?
- O estudante adiciona as disciplinas que precisa estudar, de maneira muito fácil: ele adiciona os planos de ensino de cada uma, e a aplicação gera uma lista de atividades (provas e trabalhos, com datas) que ele precisará fazer de cada uma.
- Em seguida, o estudante marca as horas que tem livres para estudar, e a aplicação gera automaticamente um cronograma que utiliza as atividades de cada disciplina e os tempos de estudo para que o estudante consiga realizar todas as atividades que precisa sem se sobrecarregar e deixar pra última hora, garantindo uma melhor qualidade e retenção do seu aprendizado.
Tanto o nome, como o mascote (desenhos e animações) foram todos desenvolvidos pelos alunos da equipe, sem a utilização de IAs de qualquer tipo.
Clone o projeto:
git clone git@github.com:ana-borowsky/cronograma-educacional-react.git
Entre na pasta do projeto:
cd cronograma-educacional-react
Defina a chave API do Gemini
- entre no Google AI studio
- crie uma chave API
- copie sua chave API no arquivo
.env
Entre na pasta backend usando cd backend e configure as variaveis de ambiente criando um arquivo .env de acordo com o template.env.
Rode os seguintes comandos dentro da pasta backend:
docker-compose up
npm i
npm start
Caso não funcione limpe o docker com os comandos:
docker-compose down
docker-compose up
Entre no diretório do frontend com o comando cd frontend
Rode os comandos:
npm i
npm run dev