E-commerce funcional construido con React, TypeScript y Tailwind CSS. Incluye autenticación, carrito de compras y productos desde API real.
📱 Demo en vivo: https://e-commerce-xi-tawny-82.vercel.app
- ✅ Autenticación de usuarios (Context API + localStorage)
- ✅ Rutas protegidas (PrivateRoute)
- ✅ Listado de productos desde FakeStore API
- ✅ Filtrado por categorías
- ✅ Detalle de producto
- ✅ Carrito de compras (Context + localStorage)
- ✅ Persistencia de sesión y carrito
- ✅ Formularios con React Hook Form + Zod
- ✅ Fetching con TanStack Query (caché, loading, errores)
- ✅ Diseño responsive con Tailwind CSS
Para probar la aplicación sin registrarte, usa:
| Campo | Valor |
|---|---|
| Usuario | Roberto |
| Contraseña | 123456 |
ℹ️ La autenticación es simulada para demostración. Los datos solo persisten en localStorage.
| Categoría | Tecnologías |
|---|---|
| Frontend | React 18, TypeScript |
| Rutas | React Router DOM |
| Estado | Context API |
| Formularios | React Hook Form, Zod |
| Fetching | TanStack Query, Axios |
| Estilos | Tailwind CSS |
| API | FakeStore API |
# Clonar repositorio
git clone https://github.com/RoberDev96/E-Commerce.git
cd E-Commerce
# Instalar dependencias
npm install
# Ejecutar en desarrollo
npm run dev
# Build para producción
npm run build