🛍️ Ecommerce - La Tiendita

Pre-entrega del Proyecto - React.js

📋 Descripción del Proyecto

Ecommerce desarrollado con React.js que cumple con todos los requerimientos de la pre-entrega. Implementa un carrito de compras funcional, integración con API externa, sistema de rutas y diseño responsive.

✅ Requerimientos Cumplidos

🔹 Requerimiento #1: Carrito de Compras Básico

• ✅ Componente ProductList - Lista productos disponibles
• ✅ useState - Manejo del estado del carrito en CartContext
• ✅ Eventos de clic - Botones "Agregar al carrito" funcionales
• ✅ Componente Cart - Muestra productos seleccionados
• ✅ Layout completo - Navbar, rutas y estructura de eCommerce

🔹 Requerimiento #2: Integración con API

• ✅ API FakeStore - Conexión a https://fakestoreapi.com/products
• ✅ Estado de carga - Loading states con spinners
• ✅ Gestión de estado - useState para productos y loading
• ✅ useEffect - Fetch de datos al montar componentes
• ✅ Carrito ampliado - Agregar, remover, calcular totales
• ✅ Diseño actualizado - Tailwind CSS profesional

🔹 Requerimiento #3: Sistema de Rutas

• ✅ React Router DOM - Navegación entre secciones
• ✅ Componentes por sección - Home, Productos, Carrito, Detalle
• ✅ Navegación entre productos - Rutas dinámicas /producto/:id
• ✅ Estado de carga - Loading en ProductDetail
• ✅ Manejo de errores - Página 404 implícita

🔹 Requerimiento #4: Rutas Dinámicas y Protegidas

• ✅ Rutas dinámicas - /producto/:id con useParams
• ✅ Interactividad - Botones, navegación, estados
• ✅ Rutas protegidas - /admin con componente ProtectedRoute
• ✅ Navbar funcional - Navegación entre todas las páginas

🛠️ Tecnologías Implementadas

Tecnología	Versión	Uso
React	19.1.1	Framework principal
React Router DOM	7.9.4	Navegación y rutas
Tailwind CSS	3.4.18	Estilos y diseño
Vite	7.1.7	Build tool y dev server
FakeStore API	Externa	Datos de productos