Uma aplicação web moderna simulando uma loja virtual completa, construída com foco em experiência de usuário, estética profissional e frontend moderno. O projeto foi desenvolvido como estudo prático de React, Vite e TailwindCSS, aplicando conceitos reais de e-commerce — como catálogo de produtos, hero section, navegação e seções institucionais.
A Loja Virtual é um site totalmente responsivo e estilizado, apresentando:
- Catálogo com categorias ilustradas
- Seção institucional
- Área de contato
- Header e footer funcionais
- Layout profissional e minimalista
- 🖼️ Hero Section completa com chamada principal e botão CTA
- 🛒 Grade de produtos divididos por categorias
- 🧭 Menu de navegação rápido
- 🏢 Seção "Sobre" estruturada
- ✉️ Formulário de contato
- 🎨 Design moderno baseado em Tailwind + Shadcn UI
- 📱 Responsividade total (mobile → desktop)
- ⚛️ React
- 🟦 TypeScript
- 🎨 TailwindCSS
- 🧩 Shadcn UI components
- 🖼️ Lucide Icons
- ⚡ Vite
- 🧹 ESLint
- 📦 npm / bun
- 🛠️ PostCSS / Autoprefixer
🎥 Ele exibe:
- Navegação pela página
- Hero Section animada
- Produtos visualmente organizados
- UI responsiva e fluida
Alguns dos componentes principais incluídos:
Header.tsxHero.tsxProducts.tsxAbout.tsxContact.tsxFooter.tsx
E diversos componentes auxiliares reutilizáveis via shadcn/ui.
# Clone o repositório
git clone https://github.com/test0nitro/loja_virtual
# Acesse a pasta
cd loja_virtual
# Instale as dependências
npm install
# Execute o servidor de desenvolvimento
npm run devA Loja Virtual demonstra domínio de:
- Frontend moderno
- Boas práticas de UI/UX
- Componentes reutilizáveis
- Design responsivo
Serve como um excelente projeto para portfólio, estudo ou ponto de partida para evoluir para um e-commerce real.