Skip to content

GuiZamb32/Panteao-Pizzaria

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo da Panteão Pizzaria

🍕 Panteão Pizzaria

Um sistema de e-commerce completo para uma pizzaria, onde o usuário pode montar sua pizza de forma totalmente personalizada, usando uma interface visual e interativa para escolher cada componente.


💡 Como Funciona

O sistema utiliza uma linguagem visual para representar a montagem da pizza. As escolhas do usuário, desde o tamanho até os ingredientes, são traduzidas em blocos, cores e ícones que formam o pedido final.

1. A Base da Pizza

Esta seção define o "corpo" da pizza. A lógica principal é que o tamanho escolhido determina a combinação dos tipos de molho base.

  • Tipos de Molho Base: Existem duas fundações para a pizza, representadas por cores:

    • Molho de Tomate (Vermelho): A base para pizzas salgadas.
    • Molho Doce (Azul): A base para pizzas doces.
  • Complemento de Tamanho (Preto): Esta peça funciona como um "extensor". Não é uma escolha do usuário, mas um componente que o sistema usa para aumentar a altura (tamanho) de uma base de pizza.

  • **Opções de Tamanho :**A escolha do tamanho define quantos ingredientes a pizza ira ter:

    • Broto: pizza pequena, pode ter de 0 a 3 ingredientes.
    • Media: pizza média, pode ter de 0 a 6 ingredientes.
    • Grande: pizza grande, pode ter de 0 a 9 ingredientes.

2. A Escolha dos Ingredientes

Após definir a base, o usuário adiciona os complementos (recheios).

  • Categorias de Ingredientes: Esta coluna funciona como um menu para filtrar os ingredientes por tipo: Carnes, Queijos, Frutas, etc.

    • Exemplo Prático:
      1. O usuário clica na categoria "Queijos".
      2. O sistema exibe as formas disponíveis para queijos.
      3. Se o usuário escolher o ícone "estrela" (⭐), o sistema adiciona "Catupiry" à pizza. Se ele escolhesse o ícone "barco" (⛵), adicionaria "Mussarela".

📋 Tabelas dos Componentes Visuais

Aqui está o dicionário que traduz cada elemento visual do sistema.

Bases da Pizza

Molho Base Cor Visual
Molho de Tomate 🟥
Molho Doce 🟦
Complemento de Tamanho

Tamanhos das Pizzas

Andares Tamanho
1 Broto
2 Média
3 Grande

Ingredientes por Categoria e Ícone

Categoria Ícone Ingrediente
🥩 Carnes Bacon
🏠 Frango
Calabresa
🚫 Camarão
Categoria Ícone Ingrediente
🧀 Queijos Mussarela
🏠 Cheddar
Catupiry
🚫 Gorgonzola
Categoria Ícone Ingrediente
🥗 Saladas Rucula
🏠 Brócolis
Tomate
🚫 Azeitona Preta
Categoria Ícone Ingrediente
🍓 Frutas Banana
🏠 Morango
Uva
🚫 Abacaxi
Categoria Ícone Ingrediente
🍫 Chocolates Chocolate Branco
🏠 Chocolate Tradicional
Chocolate Ao Leite
🚫 Chocolate Meio Amargo
Categoria Ícone Ingrediente
Misturas/Extras Milho
🏠 Orégano
KitKa
🚫 Coco Ralado

💻 Tecnologias Utilizadas

javascript css express.js node.js react postgresql


💽 Instruções de Instalação

Instalações Frontend

npm install
npm install axios
npm install react-router-dom
npm install react-icons
npm install @lottiefiles/react-lottie-player

Instalações Backend

npm install zod
npm install express
npm install bcrypt
npm install nodemon
npm install jsonwebtoken
npm install dotenv --save
npm install @google/generative-ai
npm install node-fetch
npm install node-fetch@3

Este projeto foi desenvolvido pelos seguintes integrantes:

Foto de Guilherme Zamboni no GitHub
Guilherme Zamboni
Foto de Jonathan Stülp Zozt no GitHub
Jonathan Stülp Zozt
Foto de Thiago Quadra no GitHub
Thiago Quadra
Foto de Théo Pereira dos Santos no GitHub
Théo Pereira dos Santos
Foto de Vitor Danielli de Oliveira no GitHub
Vitor Danielli de Oliveira

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors