/PubPeakyBlinders_Api

Criando uma seção de administrador para o projeto de um pub já realizado. Neste projeto, integramos uma API a um front utilizando React, Axios, Express e outras tecnologias.

Primary LanguageJavaScript

PUB PEAK BLINDERS 🍻

Parte 1 - Criando uma API para o projeto de um Pub. Esta API é o trabalho de conclusão do módulo 5 do curso de Desenvolvimento Web da Resilia.
Parte 2 - Criando um site para demonstração da API. Este site faz parte do case em grupo para os projetos finais.

O projeto 💻

Nossa equipe foi escolhida para a criação de uma API para um aplicativo. A escolha do tema e das entidades foi feita pelo grupo afim de continuar o projeto do módulo 3 do curso de Desenvolvimento Web FullStack da Resilia. Para concluir parte do projeto final, criamos uma estrutura front end para demonstração de funcionamento de nossa API.

Objetivo 📍

⇨ Utilizar o padrão MVC; ⇨ Utilizar os verbos HTTP seguindo o padrão REST; ⇨ Implementar todas as operações de CRUD; ⇨ Utilizar o padrão de projeto (design pattern) DAO para abstração de transações no banco, com Promises;

Time 🧒

@andrewderas
@FabricioSalema
@barbmariana
@KarenPedro
@ruanthow
@wesleyrick

Etapas 📑

  1. Entendendo o problema
  2. Modelando o Banco
  3. Criando o Diagrama
  4. Entendendo a API
  5. Criando a API
  6. Integrando ao Front End

O Problema 🤷

Para criar nossa API, precisamos de um banco e um projeto bem estruturado. Precisamos entender quais são os objetivos de nossa aplicação e descobrir quais serão as entidades e rotas que existirão.

Modelando 🧮

Somos um Pub. Pretendemos criar uma API para utilizar na nossa página do cardápio e também na nossa seção de administrador para registrar e atualizar produtos. Sendo assim, visualizamos algumas entidades para nosso banco. Elas são: Categorias, Produtos, Fornecedor e Estoque.

Tecnologias 🌐

Express, Javascript, Sequelize, SQLite, React, Bootstrap, Axios.

Guia de Uso 🔨

◼ Como instalar as dependências do projeto e Como executar o projeto:

git clone https://github.com/barbmariana/Pub_Resilia_M5
npm install
npm start

◼ Como instalar as dependências do front end e Como executar o projeto:

git clone https://github.com/barbmariana/Pub_Resilia_M5
cd src
cd views
cd pub
cd src
npm i
npm run dev

◼ Quais são as rotas possíveis;