Project_PW2

🍷 World Wines Web (WWW)

World Wines Web é uma plataforma de e-commerce moderna e elegante dedicada à venda de vinhos exclusivos. O projeto foca em uma experiência de usuário (UX) fluida, com animações suaves, um sistema de carrinho persistente e uma interface de pagamento interativa.

🚀 Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as tecnologias mais recentes do ecossistema React:

• Framework: Next.js 16 (App Router)
• Estilização: Tailwind CSS v4
• Banco de Dados: Supabase (PostgreSQL)
• Ícones: React Icons & Material Symbols
• Animações: AOS (Animate On Scroll)
• Gerenciamento de Estado: React Context API

✨ Funcionalidades Principais

• 🛒 Carrinho de Compras Inteligente:
  • Adição/Remoção de itens em tempo real.
  • Cálculo automático de totais.
  • Persistência de dados (salva no LocalStorage para não perder o carrinho ao atualizar a página).
  • Sidebar deslizante moderna.
• 💳 Página de Pagamento Interativa:
  • Cartão Virtual Dinâmico: O cartão muda de cor e exibe a bandeira (Visa, Master, Elo, Amex) automaticamente enquanto o usuário digita.
  • Máscaras de input automáticas para formatação de dados.
• 📱 Design Responsivo:
  • Layout totalmente adaptado para Celulares, Tablets e Desktops.
  • Menu Mobile animado.
• 🗄️ Integração com Backend (Supabase):
  • Conexão configurada para leitura de produtos e usuários.
  • Estrutura de banco de dados relacional (SQL).

🛠️ Como rodar o projeto localmente

Siga os passos abaixo para executar o projeto na sua máquina:

1. Clone o repositório

```bash git clone https://github.com/seu-usuario/World-Wine.git cd World-Wine