Aplicaciones Web Progresivas · UTH · Prof. Bernardo Prado Díaz

Avance 2 🛒
Renderizado CSR + SSR y carrito

El catálogo se dibuja en el navegador (CSR) desde catalogo.json, existe la versión renderizada en el servidor con Django (SSR) y el carrito guarda los pedidos aunque recargues.

ING10-1 23 negocios 📖 Parte A (pasos 1 a 8) + pasos 13 y 14 de guia2.html⚖️ 25 % de la final

⏰ Avance 2 · cierra el domingo 18 oct, 10:00 pm

--días
--horas
--min
--seg

Repo + commit + GitHub Pages

🎯 Instrucciones

Sigue Parte A (pasos 1 a 8) + pasos 13 y 14 de guia2.html, adaptado a tu negocio y tu giro.

  1. js/csr.js (paso 13): carga catalogo.json con fetch() y pinta las 15 tarjetas (foto, nombre, precio y botón 'Agregar').
  2. Agrupa o filtra los productos por categoría (tus 3 categorías del menú).
  3. js/carrito.js (paso 14): agregar, sumar/restar, quitar y total; guárdalo en localStorage para que siga ahí al recargar.
  4. Parte A: crea servidor-ssr/ con Django (pasos 1 a 8) y cambia la vista para que muestre TUS productos, renderizados en el servidor.
  5. Sube servidor-ssr/ como subcarpeta del mismo repositorio (sin la carpeta venv/).
  6. En el README agrega 2 capturas de 'Ver código fuente': SSR (productos escritos en el HTML) y CSR (div del catálogo vacío), y anota en 'Historial de avances' el hash del commit que entregaste en el avance 1.
  7. Haz commits frecuentes con mensajes que expliquen el cambio (mínimo 3 esta semana).

✅ Lista de cotejo

Así se va a evaluar tu commit. Cada criterio cumplido suma sus puntos; incompleto = 0.

#CriterioPts
1csr.js carga catalogo.json con fetch() y pinta los 15 productos.2
2Cada tarjeta muestra foto, nombre, precio y botón 'Agregar'.1
3Productos agrupados o filtrables por categoría.1
4Carrito completo (agregar, sumar/restar, quitar, total) que persiste en localStorage.2
5servidor-ssr/ con Django: vista que renderiza tus productos en el servidor.2
6README con capturas SSR vs CSR y el encabezado de identificación actualizado (hash del avance 1 en el historial).1
7Al menos 3 commits nuevos en la semana, con mensajes descriptivos.1
Total del avance10

AU 9.5–10 · DE 8.5–9.4 · SA 8.0–8.4 · NA 0–7.9

🪪 Tus escritos llevan tu identificación

README, reporte PDF y cualquier documento: nombre completo (apellido paterno, apellido materno y nombres), grupo, URL del repositorio, hash del commit y URL de GitHub Pages. Elige tu nombre en el formulario de abajo y esta plantilla se llena con tu negocio.

# Nombre de tu negocio — PWA de ventas

| Dato | Valor |
|---|---|
| **Alumno** | APELLIDO PATERNO APELLIDO MATERNO NOMBRE(S) |
| **Grupo** | ING10-1 |
| **Negocio · giro** | Nombre de tu negocio · tu giro |
| **URL del repositorio** | https://github.com/tu-usuario/tu-negocio-pwa_apellidopaterno-apellidomaterno-nombres |
| **URL de GitHub Pages** | https://tu-usuario.github.io/tu-negocio-pwa_apellidopaterno-apellidomaterno-nombres/ |

## Historial de avances

| Avance | Hash del commit entregado | Fecha |
|---|---|---|
| 1 | (hash del avance 1) | 11/10/2026 |
| 2 | (hash del avance 2) | 18/10/2026 |
| 3 | (hash del avance 3) | 25/10/2026 |
| 4 | (se escribe en el reporte PDF) | 01/11/2026 |
¿Por qué el hash va en un historial?

📤 Entregar el avance 2

⏳ El avance 2 se abre cuando cierre el avance 1: el domingo 11 oct, 10:00 pm. Mientras, revisa sus instrucciones y su lista de cotejo para adelantar trabajo.

📋 Entregas del avance 2

0 / 23 entregados

🛰️ Aún no hay entregas de este avance.