💼 Drip Store - E-commerce em React

Projeto completo de uma loja virtual de roupas, acessórios e calçados, com funcionalidades reais de cadastro, login, carrinho de compras, checkout e visualização de pedidos.

---

✨ Funcionalidades

• ✅ Página inicial com destaques e banners
• ✅ Visualização de produtos cadastrados via Supabase
• ✅ Adição e remoção de produtos no carrinho
• ✅ Finalização de compra com formulário validado e máscara de campos
• ✅ Pagamento via cartão ou boleto (simulado)
• ✅ Geração de boleto dinâmico com dados do cliente
• ✅ Histórico de pedidos do usuário autenticado
• ✅ Login com e-mail/senha ou Google e Facebook
• ✅ Sistema protegido com autenticação
• ✅ Totalmente responsivo, com menu hambúrguer no mobile

---

🧠 Tecnologias Utilizadas

• React.js
• React Router Dom
• Supabase (Auth, DB, Storage)
• CSS Puro (com media queries)
• React Icons
• Vite
• Tailwind CSS (usado apenas no boleto)

---

📦 Instalação do Projeto

git clone https://github.com/Leillac88/Projeto-Final-Digital-Store.git
cd Projeto-Final-Digital-Store
npm install
npm run dev

---

📁 Estrutura de Pastas

├── public/             # Imagens e ícones 
src/
├── assets/             # Imagens e ícones
├── components/         # Header, Footer, Modal, Cards, etc
├── pages/              # Páginas principais (Home, Carrinho, Checkout, etc)
├── routes/             # Configuração de rotas protegidas
└── services/           # Supabase client

---

🎨 Protótipo Inicial

Antes de iniciar o desenvolvimento da Digital Store, foi criado um protótipo visual completo da interface, com foco em experiência do usuário (UX) e identidade visual moderna.

• 🔗 Repositório do Projeto:
  github.com/digitalcollegebr/projeto-digital-store

• 🖼️ Protótipo no Figma:
  DRIP STORE - DIGITAL COLLEGE (Figma)

O protótipo apresenta todas as principais telas do projeto, incluindo:

• Página inicial com destaques e categorias
• Página de produto com detalhes
• Carrinho de compras
• Checkout com formulário de finalização
• Página de confirmação de pedido

---

🔐 Supabase (Banco de Dados & Autenticação)

Este projeto utiliza Supabase como backend para autenticação e banco de dados em tempo real.

Você pode acessar o sistema com as seguintes credenciais de demonstração:

Login para acessar o Supabase

• 📧 Email: digitalstore.gtech@gmail.com
• 🔑 Senha: @Digitalstore2025

⚠️ Essas credenciais são apenas para fins de demonstração. Não utilize para dados pessoais ou sensíveis.

---

👨‍💻 Desenvolvedores

Feito com ❤️ por Leilla Carvalho e Hudson Bezerra

---

📄 Licença

Este projeto está sob a licença MIT.