Skip to content

sGabDev/e-commerce-UI

Repository files navigation

🔱 PoseiShop — Premium E-commerce UI

Next.js Tailwind CSS Framer Motion TypeScript

Interface de e-commerce premium, focada em conversão, performance e experiência mobile-first, com estética inspirada no ecossistema Apple.


✨ Highlights

  • 🎯 Design High-End com Glassmorphism e Bento Grid
  • ⚡ Micro-interações fluidas e animações com Framer Motion
  • 📱 Experiência mobile-first (feels like native app)
  • 🛒 Carrinho lateral persistente com feedback em tempo real
  • 🎨 Tipografia forte + layouts expansivos

🚀 Stack Tecnológica

  • Next.js 14/15 — Renderização híbrida e performance
  • Tailwind CSS — Estilização moderna e escalável
  • Framer Motion — Animações e transições avançadas
  • Zustand — Estado global simples e eficiente
  • Lucide React — Ícones minimalistas

🛠️ Features

  • ✔️ Layout totalmente responsivo
  • ✔️ Carrinho com persistência local
  • ✔️ Filtro dinâmico de categorias
  • ✔️ Hero com efeito Parallax
  • ✔️ Notificações de interação (UX feedback)
  • ✔️ Seções institucionais (manifesto, depoimentos, diferenciais)

🔧 Setup Local

1. Clone o repositório

git clone https://github.com/sGabDev/e-commerce-UI.git

2. Instale as dependências

npm install

3. Rode o projeto

npm run dev

4. Acesse

http://localhost:3000

📁 Estrutura

src/
├── app/          # Rotas e layouts (App Router)
├── components/   # Componentes reutilizáveis
├── data/         # Mock de dados
├── store/        # Estado global (Zustand)
└── types/        # Tipagens

🔱 Conceito

A PoseiShop vai além de um e-commerce:
é um experimento de UX + engenharia front-end, onde performance e estética coexistem.

Inspirado em marcas de luxo e no design system da Apple, o projeto demonstra como interfaces podem ser imersivas, rápidas e emocionalmente envolventes.


🤝 Contribuição

  1. Fork o projeto
  2. Crie sua branch
git checkout -b feature/minha-feature
  1. Commit suas alterações
git commit -m "feat: minha feature"
  1. Push
git push origin feature/minha-feature
  1. Abra um Pull Request

About

Interface de e-commerce construída com Next.js, TypeScript e Tailwind CSS, com foco em performance, UX refinada, micro-interações e arquitetura escalável

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors