EdileneLopes / on6-xp-s11-projeto-2

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Semana 11 - Projeto 2

Yey! Bem vinda a mais uma semana, vamos fazer um projeto bem próximo de um dia comum na vida de uma desenvolvedora.

Agenda:

  • Apresentação professora & monitoras;
  • Panorama do projeto;
  • Leitura das tarefas;
  • Recreio (?)
  • Formação das duplas e trabalho em conjunto;
  • Pausa para o almoço
  • 30 minutos para tirar dúvidas gerais do andamento do projeto
  • Nova formação de duplas
  • Desafio para o lar e preparação para Quarta-Feira

Arquitetura desejada

assets/resposabilidades.png

Representação visual/diagrama das camadas do nosso Backend

Fluxo do consumo da API

assets/fluxo.png

Estrutura do projeto

 📁 api
   |
   |-  📁 src
   |    |  
   |    |- 📁 routes
   |    |- 📁 controller
   |    |- 📁 model
   |    |- 📁 data
   |    |- 📄 app.js
   |
   |- 📄 package.json 
   |- 📄 server.js

Desafios do dia:

assets/tarefas.png

🏡 Para o lar

assets/para-o-lar.png

Para Quarta-feira

assets/front.png

Para subir o front na sua máquina basta navegar até a pasta /ui no seu terminal e rodar npm install e em seguida, npm start, depois você pode ver o projeto no seu navegador acessando: http://localhost:3000.

Nota importante sobre a nossa arquitetura

Essa arquitetura que propusemos no exercício é apenas para efeitos didáticos, não significa que em um projeto do "mundo real" as coisas funcionem exatamente dessa forma. Só a título de curiosidade, no mundo real a camada model guarda os modelos das entidades, esse papel que atribuímos a ela no nosso exercício, geralmente é desempenhado por uma camada chamada Repository. Nesse exercícios nós propusemos essa arquitetura diferente para que pudéssemos exercitar a transferência de responsabilidades entre camadas, para vocês começarem a se habituar com esse fluxo, ok ?

About


Languages

Language:JavaScript 69.9%Language:CSS 28.0%Language:HTML 2.0%