Un e-commerce moderno desarrollado con React, TypeScript y Vite, especializado en productos tecnológicos. Incluye características avanzadas de UI/UX y gestión de estado.
- 🛒 Carrito de compras interactivo con animaciones GSAP
- 🎨 Diseño responsivo y moderno
- 🌓 Tema oscuro por defecto
- ⚡ Carga optimizada con Skeleton Loading
- 💳 Proceso de checkout simplificado
- 🔍 Filtrado de productos
- 📱 Diseño mobile-first
- Frontend: React + TypeScript
- Build Tool: Vite
- Estilado: Tailwind CSS y Shadcn UI
- Gestión de Estado: Zustand
- Animaciones: GSAP
- UI Components: Componentes personalizados + Lucide icons
- Performance: Lazy loading + Skeleton loading
# Clonar el repositorio
git clone https://github.com/ecc97/tech-haven.git
# Navegar al directorio
cd tech-haven
# Instalar dependencias
npm install
# Iniciar el servidor de desarrollo
npm run devsrc/
├── components/
│ ├── custom/ # Componentes específicos del proyecto
│ └── ui/ # Componentes UI reutilizables
├── store/ # Gestión de estado con Zustand
├── types/ # Definiciones de TypeScript
├── data/ # Datos mock y constantes
└── lib/ # Utilidades y helpers
- Animación fluida al agregar productos
- Actualización en tiempo real de cantidades
- Persistencia de datos del carrito
- Modal de confirmación de orden
- Skeleton loading para mejor experiencia de usuario
- Animaciones suaves en las interacciones
- Feedback visual en acciones del usuario
- Diseño responsivo para todos los dispositivos
- Carga optimizada de imágenes
- Código dividido (code splitting)
- Estado eficiente con Zustand
- Typescript para mejor mantenibilidad
- Mobile: 1 columna
- Tablet: 2 columnas
- Desktop: 4 columnas
Las contribuciones son bienvenidas. Por favor, abre un issue primero para discutir los cambios que te gustaría realizar.
MIT