Sobre • Funcionalidades • Layout • Executando • Tecnologias •
Projeto desenvolvido durante a NLW #2- Next Level Week 2 oferecida pela Rocketseat. O NLW é uma experiência online com muito conteúdo prático, desafios e hacks onde o conteúdo fica disponível durante uma semana.
Proffy - O projeto surgiu com a missão de trazer uma homenagem aos educadores do Brasil, através de uma plataforma que conecta alunos e professores de diversas matérias. Todo o desenvolvimento foi feito na semana do dia nacional dos profissionais de educação.
Para mim este projeto teve como caráter fundamental de reforçar as bases do desenvolvimento front-end, principalmente com HTML e CSS. E aprender mais sobre TypeScript e suas funcionalidades
-
Professores podem se cadastrar na plataforma através de um formulário no qual preenchem seus dados:
- nome completo
- link de uma foto
- número de whatsapp
- breve biografia
- matéria que será lecionada
- custo hora/aula
- horários disponíveis
-
Alunos podem buscar professores e:
- filtrar por matéria, dia da semana e horário
- entrar em contato diretamente no whatsapp de determinado professor
.gif)
Este projeto consiste em três partes:
# Clone o repositório $ git clone https://github.com/victorborges97/NLW2-2020# Acesse a pasta do projeto no prompt de comando, depois entre em cada pasta Back-end, Front-end e Mobile. $ cd NLW2-2020
$ cd back-end $ cd front-end $ cd mobile
# Instale as dependências (em cada uma das pastas acima) $ npm install OU $ yarn install
# Execute o script "dev" no back-end e depois na web ou mobile $ npm dev OU $ yarn dev
# O projeto Front-end(WEB) inciará na porta: 3000 - acesse http://localhost:3000
# O projeto Mobile inciará na porta: 19002 - acesse http://localhost:19002 Não esqueça de mudar o ip da api, para o ip do seu computador * Pasta: src\services
Feito isso, basta executar o procedimento de rodar o projeto, cadastrar professores, e buscá-los ;)
As seguintes ferramentas foram usadas na construção do projeto:
Mobile (Expo)
- Editor: Visual Studio Code
- Layout: Figma → Layout (Proffy)
- Markdown: EmojiCopy, Markdown Emoji
- Badges: Shields.io