O repositório compreende as atividades aplicadas durante a segunda Next LeveWeek. Evento online de programação realizado pela Rocketseat, do qual apresenta ferramentas e tecnologias que norteiam a stack do Javascript. A categoria o qual participei chama-se launchbase e foi ministrada pelo instrutor Mayk Brito.

Tela inicial do Proffy

Figura 1

A segunda NLW abordou o desenvolvimento da plataforma Proffy, aplicação web que visa reunir num catalogo, o contato de professores particulares interessados em ministrar aulas na modalidade EAD (ensino à distância). Sua interface inicial (figura 1) dispõem as funcionalidades "Dar aulas" (figura 2) e "Estudar" (figura 3).

👩‍🏫 Dar aulas

Figura 2

A funcionalidade "Dar aulas" ilustrada na figura 2, compreende a tela o qual o(a) docente registrará seus dados de contato para ministrar aulas em EAD. O mesmo deve informar os seguintes campos cadastrais:

• ✏️ Campos para informar o nome e biografia do(a) docente;

• 🖼️ Campo para receber o link da foto de perfil;

• ☎️ Campo para receber o número atual do Whatsapp;

• 📕 Campo para selecionar qual matéria deseja ministrar EAD;

• 💵 Campo para informar o custo da hora/aula;

• 📆 Campo para informar os dias da semana, e horários disponíveis para EAD.

📚 Estudar

Figura 3

A figura 3 exemplifica o uso de funcionalidades da interface "Estudar", por meio dela o discente consulta na plataforma, o contado de docentes registrados na aplicação, para isso, aplicam-se os seguintes dados e passos para realizar a busca:

• 📌 Todos os campos devem ser informados para realizar a busca;

• 📝 Os campos a serem informados são a Matéria, dia da semana e horário;

• 📇 Ao aplica a filtragem, cada docente retornado na listagem será informado: nome; matéria o qual ensina; biografia; preço da hora aula e botão para contato.

• Ao clicar no botão "Entrar em contato", será redirecionado para iniciar uma conversa com o docente no whatsApp web.

Tecnologias e ferramentas envolvidas

• VScode: editor de texto utilizado para escrever o código.

  • Live Server: extensão do vscode utilizado para monitorar modificações em arquivos HTML e CSS, para então atualizar o browser com tais modificações. O pluguim é utilizado quando o back-end não está implementado/configurado.

• NodeJS 12.18.3: ambiente de desenvolvimento e execução do back-end javascript.

  • Express 4.17.1: framework para criação de rotas da aplicação.

  • Nunjucks 3.2.2: templating engine utilizado para modularizar trechos de código da aplicação, e aplicar estruturas de repetição ou condicionais caso necessário.

  • sqlite-async 1.1.0: banco de dados relacional da aplicação. Observa-se que o armazenamento dos dados ocorre em um arquivo dentro da aplicação.

  • Nodemon 2.0.4: apos instalar o nodejs, o uso desta biblioteca serve para monitorar mudanças em arquivos do projeto, e aplicar o auto restart durante a execução. Observa-se que sua utilização ocorre durante a faze de construção do projeto, então, a mesma deve ser instalada como dependência de desenvolvimento com o comando: npm install nodemon -D.

🖥 Execução do projeto

• ⬇️ Faça o download do projeto, e guarde o diretório "nlw02" em local fácil de achar no seu computador.

• 👩‍💻 Abra o diretório "nlw02" com o terminal e execute o comando npm install para baixar as dependências do projeto.

• ▶️ Para executar a aplicação, use o camando npm run dev na pasta "nlw02".

• 🔗 Abra o seu navegador, e digite a URL localhost:5500 na barra de endereços.

✨ Agradecimentos

NLW	Rocketseat	diego3g	maykbrito

📜 Licença

Repositório licenciado pela MIT LICENSE.

Feito com 💜 por Heitor Monteiro & Rocketseat