G-1 SHOP
Tienda en JavaScript puro, sin framework y sin backend
Trabajo en grupo de cátedra: catálogo desde una API pública, carrito que sobrevive al refresco y accesibilidad de verdad.
- librerías de JavaScript
- 0librerías de JavaScript
- personas en el equipo
- 4personas en el equipo
- Lab. de Aplicaciones Web Cliente
- ISTEALab. de Aplicaciones Web Cliente
El reto
La consigna de la materia era construir una tienda funcionando sin framework y sin servidor propio: solo HTML, CSS y JavaScript de navegador, con los productos traídos de una API pública. Sin backend no hay sesión donde guardar el carrito, así que cualquier recarga lo vaciaba; y al ser un trabajo de cuatro personas sobre el mismo código, el riesgo real no era técnico sino de integración: cuatro módulos escritos por separado que tenían que encajar sin pisarse.
La solución
El proyecto se repartió en módulos con una responsabilidad cada uno —catálogo, filtros, detalle, contador, carrito, notificaciones— comunicados por el punto de entrada. Mi parte fue la integración de los módulos de carrito y filtros sobre esa estructura, la persistencia completa en almacenamiento local (cada acción del carrito lo actualiza, no solo al cerrar), el sistema de notificaciones, el contador de unidades de la barra de navegación, el precio final por producto y los estados deshabilitados de los botones. También la capa de accesibilidad —etiquetas semánticas, atributos ARIA y textos alternativos—, el diseño adaptable y la documentación del repositorio.
El resultado
La tienda funciona entera en el navegador: se busca, se filtra por categoría, se abre el detalle, se elige cantidad y el carrito sigue ahí después de cerrar la pestaña. Es el mismo planteamiento que hay detrás de las webs que entregamos a clientes —nada de dependencias que no hagan falta— llevado a su extremo: cero librerías de JavaScript, cero servidor, y aun así una tienda completa y accesible.
¿Tienes un reto parecido?
Cuéntanos qué necesita tu negocio y te decimos si podemos resolverlo, con qué alcance y en cuánto tiempo.
Escríbenos por WhatsApp