Contexto

Organizar compras en el supermercado puede ser tedioso, especialmente cuando se necesita coordinar con otras personas. Este proyecto nace para facilitar la creación, gestión y compartición de listas de supermercado de forma rápida y accesible.

Problema

Falta de herramientas simples para crear y administrar listas dinámicas.

Dificultad para compartir y coordinar compras con otras personas en tiempo real.

Objetivo del MVP

1. Permitir crear una lista de compras con productos organizados por categorías.
2. Facilitar el agregado o eliminación de productos con botones de cantidad y opción de borrado.
3. Ofrecer una vista optimizada para impresión mediante CSS.
4. Permitir compartir la lista por WhatsApp a cualquier número.

Funcionalidades actuales (MVP)

• Creación de listas con productos y cantidades.
• Control por botones (+ y –) y por input manual.
• Eliminación de productos de la lista.
• Vista para impresión optimizada.
• Compartición por WhatsApp mediante un enlace generado.
• Almacenamiento local en el navegador con localStorage.
• Checklist interactivo que permita tachar productos ya comprados.

Oportunidades de mejora (Roadmap)

1. Manejo de múltiples listas por usuario.
2. Sistema de usuarios con login y almacenamiento en la nube.
3. Favoritos y “más pedidos” personalizados.
4. Buscador de productos para agregar rápidamente.
5. Sincronización en tiempo real para que varias personas editen la misma lista.
6. Compartición mediante URL persistente con estado dinámico.
7. Historial y reutilización de listas pasadas.

Rol en el proyecto

• Ideación y definición del alcance del MVP.
• Diseño UX/UI inicial.
• Desarrollo front-end con HTML, CSS y JavaScript vanilla.
• Implementación de funcionalidad de impresión y compartición por WhatsApp.

Próximos pasos

• Validar nuevas funcionalidades con entrevistas a usuarios potenciales.
• Diseñar interfaz adaptada a manejo multiusuario.
• Migrar a backend con base de datos para persistencia y sincronización.
• Realizar pruebas de usabilidad y optimización de la experiencia en dispositivos móviles.

Links

Repositorio del proyecto

Ver proyecto en github

Demo en vivo

Ver demo funcional

Aprendizajes

• La co-creación con usuarios finales desde etapas tempranas es clave en proyectos de accesibilidad.
• La tecnología beacon puede ser una herramienta potente para orientación y seguridad.
• Integrar accesibilidad desde el inicio reduce retrabajo y mejora la experiencia global.