QueCompramos
Lista compartida de supermercado con acceso simple por enlace secreto y colaboracion sin friccion.
QueCompramos es una app para mantener siempre disponible una lista de compras compartida. El uso es simple, rapido y colaborativo: cualquier persona con el enlace secreto puede entrar, ver la lista y sumar o marcar productos sin friccion.
Imágenes
1 imagen
Caso
Objetivo del proyecto
Centralizar una lista viva de compras del supermercado.
Permitir acceso simple mediante sesiones temporales.
Hacer posible que varias personas colaboren sobre la misma lista.
Mantener un flujo liviano para cargar, revisar y completar productos en grupo.
Concepto de uso
El proyecto esta pensado para escenarios cotidianos donde una persona crea una lista nueva, la lista recibe un enlace secreto estable y luego se comparte con otras personas.
- Cada participante agrega productos que faltan o cambia el estado de los que ya estan comprados o descartados.
- La lista queda persistida para volver cuando haga falta.
Principios del producto
Estos principios guian cada decision de producto para mantener una experiencia liviana y facil de usar.
- Simple antes que complejo.
- Compartido antes que individual.
- Persistente antes que descartable.
- Practico antes que formal.
Modelo actual
El modelo actual prioriza rapidez de carga, colaboracion sin friccion y persistencia para uso cotidiano.
- La lista vive en PostgreSQL a traves de Prisma.
- La sesion temporal identifica al dispositivo o participante, pero no requiere login.
- Cada lista nueva queda asociada al participante que la creo, para que luego pueda volver a verla desde la pantalla principal.
- El participante puede editar su nombre sin crear una cuenta formal.
- Los productos se guardan como texto libre para no frenar la carga rapida.
- Mientras se escribe un producto, la UI sugiere hasta 3 coincidencias de listas anteriores donde esa sesion ya participo.
- Cada item puede pasar por los estados pendiente, agregado y resuelto, que en la interfaz se muestran como por comprar, comprado y ya no hace falta.
Stack tecnico
El stack prioriza una arquitectura simple y moderna, pensada para productividad y despliegue rapido.
- Next.js 16 con App Router.
- Prisma ORM.
- PostgreSQL como base de datos.
- Neon para la capa de database hosting.
- Vercel para el hosting.
- Sesion compartida mediante cookies.
Construccion con Codex
La aplicacion fue construida integramente con el agente Codex de desktop a partir de una serie de prompts, iterando sobre la idea hasta convertirla en un producto funcional.
Estado del proyecto
El proyecto esta publicado y disponible para uso real en su URL de produccion.
Tecnologías
Frontend
Backend
Base de datos
Hosting
Proceso de construccion