Projeto Albulnz - Fullstack

🍕 Projeto Ambulnz - Turma Alves - Labenu 🍕

Descrição

Proposta do bootcamp Labenu para criação de um Case Fullstack de uma pizzaria, com APIs para exibir as pizzas e ingredientes cadastrados no banco de dados, além da criação e exibição de pedidos por parte do usuário.

Índice Frontend

• Descrição
• Principais Ferramentas Utilizadas
• Funcionalidades
• Link do Projeto
• Imagens do Projeto

Índice Backend

• Descrição
• Entidades
• Instruções
• Funcionalidades
• Principais Tecnologias Utilizadas
• Link do Projeto

---

Projeto Albulnz - Frontend

Descrição do Frontend

Projeto de página de pizzaria desenvolvido em ReactJS, com design elaborado com auxílio da biblioteca Styled Components.

⚙️

Principais Ferramentas Utilizadas no Frontend

▪ React Hooks ▪ API ▪ Styled-components

Funcionalidades

A página da pizzaria exibe um cardápio com cards de sabores, ingredientes, preço e um botão para adicionar ao carrinho. O carrinho possui um botão para finalizar pedido, e a cada item inserido, existe a opção de retirar do carrinho.

Link do Projeto

Ambulnz

Imagem do Projeto

---

Projeto Albulnz - Backend

Descrição

O projeto consiste na elaboração de um cardápio de pizzas com valores e ingredientes, com pussibilidade de pedidos pelo usuário através de um carrinho de compras.

Entidades (TypeScript)

Pizzas

Representa as pizzas do cardápio, com três tabelas criadas no banco de dados, sendo uma de pizzas, uma de ingredientes e uma com a integração entre elas:

• Tabela de Pizzas:

• name (string) e chave primária

• price (number)

• Tabela de Ingredientes:

• name (string) e chave primária

• Tabela de Pizzas com Ingredientes:

• pizza_name (string) e chave primária, referência à tabela de pizzas(name)

• ingredient_name (string), referência à tabela de ingredientes(name)

Pedidos

Representa os pedidos de pizzas feitos pelos usuários, com duas tabelas, sendo uma para o pedido e uma para os itens do pedido.

• Tabela de Pedidos:

• id (string) gerado pela aplicação

• Tabela de Itens do pedido:

• id (string) gerado pela aplicação

• order_id (string), referência à tabela de pedidos(id)

• pizza_name (string), referência à tabela de pizzas(name)

• quantity (number)

## Instruções

Instalando as dependências:

• npm install: Instala todas as dependências listadas no package.json.

Criando o arquivo .env:

Criar o arquivo .env e configurar com as informações de seu banco de dados.

PORT: 3003
DB_HOST = host
DB_USER = usuario
DB_PASSWORD = senha
DB_NAME = nome-do-banco-de-dados
JWT_KEY = "minha-senha-segura"
JWT_EXPIRES_IN = "24h"
BCRYPT_SALT_ROUNDS = 12

Populando a tabela:

• npm run migrations

  Cria e popula as tabelas com dados mockados de usuários e shows.

  • Esse script deve ser executado apenas uma única vez
  • Se executado uma segunda vez, ele dropa as tabelas e reseta os dados mockados

  Executar o projeto:

• npm run dev:

  Estabelece a conexão com o banco de dados e reinicia automaticamente o servidor localhost toda a vez que o projeto for alterado e salvo.

Funcionalidades

1. Busca de todos as pizzas

• Método: GET
• Caminho: /api/pizzas
• Entrada: nenhuma
• Saída: array de pizzas com ingredientes

2. Criação de pedido

• Método: POST
• Caminho: /api/orders
• Entrada: pizza_name, quantity
• Saída: id do pedido, mensagem de pedido feito com sucesso

3. Busca de pedidos

• Método: GET
• Caminho: /api/orders
• Entrada: nenhuma
• Saída: array de pedidos do usuário

Referência da case:

• git clone git@github.com:AmbulnzLLC/fullstack-challenge.git && cd fullstack-challenge

Tecnologias utilizadas

• NodeJS
• TypeScript
• MySQL
• Knex
• Express
• Cors
• JWT
• UUID
• BcryptJS
• Markdown
• Jest

Programas utilizados

• Git
• VSCode
• Extensão REST Client

Link do projeto Backend