Projeto de e-commerce full stack desenvolvido com foco em aprendizado prático, organização de código e aplicação de boas práticas de desenvolvimento web. O sistema simula uma loja virtual completa, desde a visualização de produtos até o fluxo básico de compra.
O Caina E-commerce foi criado para compor meu portfólio profissional no GitHub, demonstrando conhecimentos em desenvolvimento web, integração entre front-end e back-end, consumo de APIs e persistência de dados.
- PHP 8
- Laravel (framework principal)
- HTML5
- CSS3
- JavaScript
- Tailwind CSS
- Vite
- Banco de dados relacional (MySQL ou compatível)
- Git e GitHub para versionamento
- Arquitetura MVC (Laravel)
- Integração com WhatsApp para finalização de pedidos
- Exibição de produtos com filtro por categoria e faixa de preço
- Detalhes do produto (imagem, nome, preço e descrição)
- Carrinho de compras com controle de estoque
- Finalização de pedido com redirecionamento automático para WhatsApp
- Envio de dados do pedido (produtos, valores, endereço e número do pedido)
- Área de contato com o administrador
- Acompanhamento de status do pedido
- Dashboard administrativo completo (CRUD)
- Gerenciamento de produtos, categorias, pedidos, clientes, cupons e promoções
/caiana
├── app
├── database
├── public
├── resources
│ ├── views
│ ├── css
│ └── js
├── routes
├── storage
├── vite.config.js
└── README.md
/caína-ecommerce ├── frontend │ ├── index.html │ ├── css │ └── js ├── backend │ ├── api │ └── services ├── database └── README.md
## ▶️ Como Executar o Projeto
1. Clone este repositório:
```bash
git clone https://github.com/seu-usuario/caina-ecommerce.git
- Acesse a pasta do projeto:
cd caina-ecommerce-
Configure o banco de dados conforme os arquivos da pasta
database. -
Inicie o servidor back-end.
-
Abra o arquivo
index.htmlno navegador ou utilize um servidor local.
Com este projeto foi possível praticar:
- Desenvolvimento de e-commerce com Laravel
- Implementação do padrão MVC
- Integração entre front-end moderno (Vite + Tailwind) e back-end
- Regras de negócio como controle de estoque e cupons
- Boas práticas de organização e versionamento de código
- Integração com gateway de pagamento
- Melhoria no fluxo de cadastro de endereço
- Ampliação de imagens dos produtos
- Mais informações detalhadas nos produtos
- Painel administrativo com relatórios
- Melhorias contínuas de UI/UX
João Vitor Estudante de Análise e Desenvolvimento de Sistemas
Este projeto foi desenvolvido para fins educacionais e de portfólio. Em contrução...