👨‍💻 Proffy 🚧 Concluído ✔️

Sobre • Funcionalidades • Layout • Executando • Tecnologias •

💻 Sobre o projeto

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

---

⚙️ 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

---

🎨 Layout

Web

Mobile

---

🚀 Como executar o projeto

Este projeto consiste em três partes:

1. Frontend
2. Backend
3. Mobile

Pré-requisitos

• Git
• Node.js

🎲 Rodando o projeto

# 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 ;)

---

🛠Tecnologias

As seguintes ferramentas foram usadas na construção do projeto:

Front-end

• ReactJS
• Css
• Typescript

Back-end

• NodeJS
• Express
• Knex

Mobile (Expo)

Utilitários

• Editor: Visual Studio Code
• Layout: Figma → Layout (Proffy)
• Markdown: EmojiCopy, Markdown Emoji
• Badges: Shields.io

Feito com ❤️ por João Victor Borges 👋 Entre em contato :)