🍅 Tomato - Delivery de Comida

Projeto desenvolvido para praticar React, roteamento e gerenciamento de estado global (Context API). A aplicação simula uma plataforma de delivery de comida, com menu por categorias, carrinho de compras e finalização de pedido.

🛠️ Tecnologias utilizadas

📚 Conceitos praticados

• Componentização e reutilização de componentes no React
• Gerenciamento de estado global com Context API (useContext)
• Roteamento de páginas com React Router (Routes, Route, Link, useNavigate)
• Manipulação de listas e renderização condicional (map, filter)
• Filtro de itens por categoria
• Estilização responsiva com CSS puro
• Deploy de aplicações Front-end (Vercel)

💻 Sobre o projeto

A proposta foi criar uma aplicação de delivery de comida com navegação entre páginas (Home, Carrinho e Finalização de Pedido). O utilizador pode explorar o menu por categorias, adicionar itens ao carrinho, visualizar o total do pedido e prosseguir para a etapa de finalização, com dados de entrega.

🔍 Funcionalidades

• Listagem de pratos por categoria (menu explorável)
• Adição e remoção de itens do carrinho
• Cálculo automático do valor total do pedido
• Popup de login/cadastro
• Página de finalização de pedido com formulário de entrega
• Navegação entre páginas com React Router
• Interface responsiva e adaptada para dispositivos móveis

🚀 Como executar

Pré-requisitos

• Node.js
• Git

1. Clone o projeto

git clone https://github.com/gmclaraa/tomato.git
cd tomato

2. Instale as dependências

npm install

3. Execute o projeto

npm run dev

4. Acesse

Abra no navegador:

http://localhost:5173