Mini Ecommerce Angular

Este proyecto es una evaluación final para estudiantes del curso de Angular. Consiste en crear una aplicación base de ecommerce utilizando localStorage como fuente de datos.

🌟 Objetivo

Demostrar el dominio de los conceptos vistos durante el curso mediante la creación de una aplicación funcional que incluya:

• Vista de productos
• Vista del carrito
• Vista de checkout
• Vista de confirmación de compra

---

✅ Qué se espera que hagas

1. Haz un fork de este repositorio: https://github.com/Inadaptados/2025-1-ecommerce
2. Clona tu fork:

   git clone https://github.com/<tu-usuario>/2025-1-ecommerce.git
   cd 2025-1-ecommerce

3. Instala las dependencias:

   npm install

4. Inicia el proyecto:

   ng serve

5. Crea las siguientes vistas:
   • /productos: Muestra una lista de productos.
   • /carrito: Muestra los productos agregados.
   • /checkout: Formulario para ingresar datos del comprador.
   • /confirmacion: Muestra un resumen de la compra.
6. Usa localStorage para almacenar:
   • El carrito.
   • Los datos del pedido confirmado.
7. Sube tus cambios a tu repositorio.
8. Entrega el link de tu repositorio.

---

📤 Publicar en GitHub Pages

Esta sección es opcional y puede realizarse con apoyo del docente.

1. Asegúrate de que el proyecto esté compilado para producción:

   ng build --base-href "/2025-1-ecommerce/"

2. Modifica el archivo angular.json para que tenga la sig linea

      "deploy": {
          "builder": "angular-cli-ghpages:deploy"
        }
   

   este debe estar a la altura de test

3. agregar la siguiente linea en la seccion de scripts en package.json

 "deploy":"ng deploy --base-href=/2025-1-ecommerce/" 

4. Instala el paquete para desplegar:

   ng add angular-cli-ghpages

5. Despliega el proyecto:

   npx angular-cli-ghpages --dir=dist/2025-1-ecommerce

6. Tu aplicación estará disponible en:

   https://<tu-usuario>.github.io/2025-1-ecommerce/
   

---

📊 Evaluación

Criterio	Peso
Data Binding	25%
Directivas	25%
Servicios	15%
Ruteo	15%
Uso de localStorage	20%
Total	100%

---

📂 Estructura recomendada

src/
├── app/
│   ├──components/
│   │
│   ├──pages/
│   │   ├── product-list/
│   │   ├── cart/
│   │   ├── checkout/
│   │   ├── confirmation/
│   ├── services/
│   │   ├── cart.service.ts
│   │   └── product.service.ts
│   └── app.routes.ts

---

📅 Fecha de entrega

La entrega del proyecto se realiza subiendo el código a GitHub y compartiendo el link con el equipo de Inadaptados antes del 23 de abril de 2025.

NOTA: Asegúrate de que tu repositorio sea público y que todo el código esté en la rama main.

---

📄 Licencia

Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.

📧 Contacto

Inadaptados

🚀 ¡Buena suerte y deja volar tu creatividad!