Skip to content

Latest commit

 

History

History
87 lines (49 loc) · 4.81 KB

File metadata and controls

87 lines (49 loc) · 4.81 KB

Image

MVP de uma aplicação web em React que gera automaticamente - com o uso de IA - um cronograma de estudos e tarefas para estudantes

O projeto

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.

Como funciona o Beezer?

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.

Logo, nome e mascote

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.

Prints da aplicação

Image Image Image Image Image Image Image Image Image Image Image Image Image

Como rodar

Clone o projeto:

git clone git@github.com:ana-borowsky/cronograma-educacional-react.git

Entre na pasta do projeto:

cd cronograma-educacional-react

Backend:

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

Frontend:

Entre no diretório do frontend com o comando cd frontend

Rode os comandos:

npm i

npm run dev