Skip to content

O Proffy é uma plataforma de estudos online. Foi desenvolvida durante a Next Level Week #02 da Rocketseat.

License

Notifications You must be signed in to change notification settings

marcel099/rs-nlw-02-proffy

Repository files navigation

Interface inicial da plataforma Proffy

Next Level Week #02 - Proffy v2 🚀

Índice

Sobre

A primeira versão do projeto foi desenvolvida durante a segunda edição do evento Next Level Week propiciado pela empresa Rocketseat. Baseou-se em um layout elaborado no Figma. Por sua vez, a segunda versão baseou-se em um novo layout do Figma para Web e Mobile e em um documento para descrever as novas funcionalidades. Um sumário das diferenças entre as versões pode ser conferido abaixo.

O sistema, desenvolvido em TypeScript, é composto de um servidor HTTP Node, um site em React e um aplicativo móvel em React Native.

A opção por essas ferramentas foi realizada pela Rocketseat por acreditarem formar um conjunto de tecnologias poderoso ao permitir desenvolver desde o Back-End até o aplicativo móvel em uma só linguagem: o JavaScript. A escolha por TypeScript, um superset do JavaScript, foi realizada por acreditar trazer um aumento de confiabilidade de código.

Conceito do projeto

O sistema Proffy é uma plataforma de estudos online com a finalidade de conectar alunos e professores. Para fazer uso da plataforma, primeiro é preciso se cadastrar e, em seguida, realizar login.

Interface de login no aplicativo Interface de cadastro de usuário no site

Após entrar, alunos podem consultar uma lista de professores professores cadastrados e entrar em contato com um professor através do WhatsApp. No aplicativo, o aluno também pode favoritar professores para encontrá-los mais rapidamente quando desejado.

Interface Estudar no site Interface Estudar no aplicativo

Por sua vez, professores podem personalizar seu perfil com informações referentes à disciplina que leciona, sua biografia, seus horários disponíveiees para aula e seu custo de hora por aula.

Interface Dar Aulas no aplicativo Interface Meu Perfil no site

Principais tecnologias utilizadas

A plataforma foi desenvolvida em TypeScript. É composta de 3 partes:

Alguns pontos a destacar:

  • Cada aplicação possui ESLint configurado para padronização de código
  • A hospedagem de imagens de avatar de usuário é realizada na AWS S3
  • A autenticação do usuário baseia-se em JWT
  • O envio de e-mail de recuperação de senha usa Nodemailer e Gmail

Se desejar explorar as rotas do servidor HTTP Node desenvolvido para essa plataforma, poderá fazer isso através do Insomnia:

Run in Insomnia}

Comparação entre versões 1 e 2 da plataforma

Durante o evento Next Level Week, a aplicação foi desenvolvida com estas funcionalidades:

  • Cadastro de uma aula, a qual contém informações da matéria e do professor que a leciona
  • Listagem de aulas com filtros
  • No aplicativo, salvar professores favoritos para facilidade de acesso
  • Contato com professores via WhatsApp

A versão 2 da plataforma foi lançada como um desafio aos alunos que finalizaram o evento ao disponibilizar um novo layout do Figma que adiciona mais funcionalidades à plataforma, as quais foram:

  • Cadastro de usuários professores e alunos
  • Fluxo de redefinição de senha com envio de e-mail
  • Login e logout na plataforma
  • Personalização do perfil do usuário como professor, agora com possibilidade de cadastro de horários de aula
  • Listagem de aulas passou a ser de usuários professores, além de trazer paginação da lista e com cada professor da lista apresentando informações de horários disponíveis

Instalação local

Passos para atingir isso pode ser conferido neste arquivo.

Créditos

Credito a elaboração do modelo do banner deste documento e do banner social ao autor desconhecido desta postagem no site Mckups. Foi adaptado por mim de acordo com as características deste projeto.

Licença

Este projeto está sob a licença MIT. Para maiores detalhes acesse o arquivo de licença.