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
- Permitir crear una lista de compras con productos organizados por categorías.
- Facilitar el agregado o eliminación de productos con botones de cantidad y opción de borrado.
- Ofrecer una vista optimizada para impresión mediante CSS.
- 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)
- Manejo de múltiples listas por usuario.
- Sistema de usuarios con login y almacenamiento en la nube.
- Favoritos y “más pedidos” personalizados.
- Buscador de productos para agregar rápidamente.
- Sincronización en tiempo real para que varias personas editen la misma lista.
- Compartición mediante URL persistente con estado dinámico.
- 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
- https://github.com/tu_usuario/noteolvides
- Demo en vivo
- https://tu_usuario.github.io/noteolvides
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.