Carrinho Virtual com React + TypeScript

Sistema front-end que permite aos usuários visualizar produtos, acessar detalhes e adicionar/remover itens de um carrinho de compras com atualização em tempo real.

Tecnologias

• ⚛️ React
• 🧠 TypeScript
• ⚡ Vite

Funcionalidades

• Visualizar lista de produtos na Home
• Ver informações detalhadas de cada produto
• Adicionar ou remover itens do carrinho
• Atualização em tempo real do carrinho
• Finalização da compra com resumo do pedido
• Persistência do carrinho com localStorage

Histórias de Usuário (MVP)

• Home: Como visitante, quero visualizar todos os produtos disponíveis para poder escolher o que desejo comprar.

• Detalhes do Produto: Como visitante, quero ver informações detalhadas de um produto antes de decidir comprá-lo.

• Carrinho de Compras: Como usuário, quero adicionar ou remover produtos do carrinho e ver o valor total atualizado automaticamente.

• Finalizar Pedido: Como usuário, quero confirmar meu pedido e esvaziar o carrinho após a finalização.

Como rodar o projeto

# 1. Clonar o repositório
git clone https://github.com/aguiarth/rl-loja.git

# 2. Acessar a pasta
cd rocket-lab

# 3. Instalar as dependências
pnpm install

# 4. Rodar o projeto
pnpm run dev

📝 Roadmap futuro (pós-MVP)

• Login e autenticação
• Integração com API de produtos real
• Responsividade mobile aprimorada
• Histórico de pedidos
• Modo dark/light
• Testes automatizados de UI
• Acessibilidade (a11y)
• Melhorias de performance

Licença

Este projeto está sob a licença MIT.