A Burguer Bonanza é uma plataforma de e-commerce desenvolvida para a venda online de hambúrgueres artesanais e bebidas, com foco em proporcionar uma experiência de compra rápida e intuitiva. O projeto tem como objetivo principal otimizar o processo de compra e o carrinho dinâmico, aumentando a conversão de vendas e a satisfação dos clientes.
Essa aplicação é ideal para clientes que buscam praticidade ao pedir fast-food online e para desenvolvedores interessados em explorar o desenvolvimento de e-commerce com React, Tailwind e integração com banco de dados.
-
Visualização de Produtos: Exibe hambúrgueres e bebidas em cards com nome, preço e descrição.
-
Carrinho Dinâmico: Sistema de carrinho que permite adicionar, remover e atualizar itens em tempo real.
-
Gerenciamento de Contas: Armazena informações de usuários (como login e dados de perfil) no banco de dados PostgreSQL.
-
Interface Responsiva: Layout otimizado para diferentes dispositivos, estilizado com Tailwind CSS.
-
Hospedagem Simples: Deploy contínuo na Vercel para acesso rápido e confiável.
-
React: Para construção de componentes reutilizáveis e interatividade no frontend.
-
JavaScript (ES6+): Lógica de manipulação do DOM e gerenciamento do carrinho dinâmico.
-
HTML5: Estrutura das páginas e componentes.
-
Tailwind CSS: Estilização responsiva e moderna do site.
-
PostgreSQL: Banco de dados para armazenamento de contas de usuários.
-
Vite: Ferramenta de build para desenvolvimento rápido e otimizado.
-
Vercel: Plataforma de hospedagem para deploy contínuo.
Antes de começar, você precisa ter os seguintes softwares instalados: Node.js (v16 ou superior)
npm
Git
PostgreSQL (para o banco de dados)
- Clone o repositório:
git clone https://github.com/SEU_USUARIO/hamburgueria-bonanza.git
- Acesse a pasta do projeto:
cd hamburgueria-bonanza
- Instale as dependências necessárias:
npm install
- Configure o banco de dados PostgreSQL:
Crie um banco de dados no PostgreSQL.
Configure as variáveis de ambiente em um arquivo .env com base no .env.example (ex.: DATABASE_URL).
- Inicie o servidor de desenvolvimento com Vite:
npm run dev
- Acesse o projeto localmente:
Abra o navegador e vá até http://localhost:5173 (ou a porta definida pelo Vite).
-
Navegue pelo catálogo de hambúrgueres e bebidas e adicione itens ao carrinho.
-
Utilize o sistema de login para acessar ou criar uma conta.
-
Atualize o carrinho dinamicamente, ajustando quantidades ou removendo itens.
-
Personalize os estilos ou adicione novas funcionalidades conforme necessário.
-
Sistema de Checkout Completo: Implementar validação de cartão e finalização de compras.
-
Integração de Pagamentos: Adicionar suporte a gateways de pagamento (ex.: Stripe, PayPal).
-
Melhoria na Responsividade: Ajustes finos para dispositivos móveis e tablets.
-
Notificações: Implementar alertas para confirmação de pedidos.
-
Gerenciamento Avançado de Contas: Adicionar recuperação de senha e edição de perfil.
Este projeto está licenciado sob a licença MIT - veja o arquivo LICENSE para mais informações.
Desenvolvido por Luis Felipe – entre em contato:
Email: felipetorres2017g@gmail.com GitHub: @LsFelipe1