✨ Características

• Ordenar productos por nombre, precio (ascendente y descendente).
• Búsqueda instantánea por nombre del producto.
• Filtrar productos por categorías, rango de precios, disponibilidad y más filtros personalizados.
• Agregar productos al carrito de compras.
• Ver detalles y administrar el carrito de compras.
• Cargar tus propios datos a través de la aplicación:
  • Verás un botón rojo con un ícono de enlace, haz clic en él y pega la URL.
  • El archivo JSON debe seguir un formato específico (ejemplo aquí).
  • ⚠️ Importante: asegúrate de configurar correctamente el encabezado Access-Control-Allow-Methods en tu respuesta HTTP JSON.
• UI atractiva con animaciones que mejoran la experiencia de usuario (UX).

---

🚀 Instalación

Clona el repositorio:

git clone https://github.com/jlozoya/angular-shop

Instala las dependencias dentro de la carpeta del proyecto:

cd angular-shop
npm install

Asegúrate de tener instalada la última versión de Angular CLI:

npm install -g @angular/cli

Inicia la aplicación en modo desarrollo:

ng serve

Abre tu navegador en http://localhost:4200.

---

🧪 Pruebas unitarias

ng test

Ejecuta las pruebas unitarias con Karma.

---

📌 Notas

• Este proyecto es ideal como proyecto de aprendizaje y permite explorar conceptos clave de Angular como:
  • Componentes
  • Data binding
  • Formularios
  • Servicios
  • Rutas
  • Pipes personalizados