Projeto do Hackathon do Programa de Formação FCamara (Season 4)
O Orange Evolution é um projeto já existente que contempla três trilhas de estudo pra quem está iniciando na carreira de tecnologia: UX/UI Design, Desenvolvimento Full Stack e QA (Quality Assurance), com conteúdos escolhidos por pessoas experientes da área para garantir a qualidade dos estudos. O problema é que, atualmente, o Orange Evolution está organizado no Notion, que não é a plataforma ideal para a melhor experiência do usuário. Nosso desafio é criar uma solução (MVP) para este problema da melhor forma possível nos 15 dias de Hackathon. Os requisitos são:
- O usuário precisa se cadastrar e ter a possibilidade de escolher uma ou mais trilhas
- Os administradores precisam poder adicionar, atualizar e excluir os conteúdos das trilhas
Definimos que a melhor solução seria criar um CRUD das trilhas, cursos e usuários para que os administradores possam ter acesso a um dashboard de manutenção e atualização dos conteúdos, além disso, focamos em deixar a interface simples e intuitiva para garantir uma experiência melhor do que a atual utilizando o Notion. No back end utlizamos Node.js e MongoDB pela familiaridade prévia do squad e por serem tecnologias adequadas para um projeto pequeno e pontual como este. No front end utilizamso Reac.js e Material-UI para facilitar a estilização e reutilização dos componentes durante o processo de criação da interface.
- Baixe os repositórios hackathon_squad34_frontend e hackathon_squad34_backend
- Abra os repositórios na sua IDE de preferência (recomendamos o VSCode)
- Acessar os dados do arquivo .env neste link, criar um arquivo .env na pasta src do hackathon_squad34_backend, copie e cole os dados do link no seu arquivo
- Em cada workspace dê os comandos "npm i" para instalar as dependências necessárias e, em seguida, "npm run dev" para rodar tanto o back end quanto o front end, simultaneamente
- Acesse o link que foi gerado pelo vite no repositório do front end e teste a aplicação
- Para testar o dashboard de admin, faça seu cadastro com um email terminado em @fcamara (ex: admin@fcamara.com), e faça login em seguida.