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.
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.
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.
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:
- O usuário clica na categoria "Queijos".
- O sistema exibe as formas disponíveis para queijos.
- Se o usuário escolher o ícone "estrela" (⭐), o sistema adiciona "Catupiry" à pizza. Se ele escolhesse o ícone "barco" (⛵), adicionaria "Mussarela".
- Exemplo Prático:
Aqui está o dicionário que traduz cada elemento visual do sistema.
| Molho Base | Cor Visual |
|---|---|
| Molho de Tomate | 🟥 |
| Molho Doce | 🟦 |
| Complemento de Tamanho | ⬛ |
| Andares | Tamanho |
|---|---|
| 1 | Broto |
| 2 | Média |
| 3 | Grande |
| 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 |
npm install
npm install axios
npm install react-router-dom
npm install react-icons
npm install @lottiefiles/react-lottie-playernpm 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@3Este projeto foi desenvolvido pelos seguintes integrantes:
![]() Guilherme Zamboni |
![]() Jonathan Stülp Zozt |
Thiago Quadra |
![]() Théo Pereira dos Santos |
![]() Vitor Danielli de Oliveira |




