AcquaPee App
App de puntos de agua y baños gratis diseño directo al código con IA.
Resumen del proyecto
AcquaPee es una app minimalista que permite posicionar y encontrar puntos de agua y baños gratuitos en un mapa. Lo más interesante del proyecto es que diseñé directamente en el desarrollo, sin pasar por Figma: utilicé IA para acelerar decisiones, buscar APIs relevantes e incluso desplegar la base de dato en Firebase. Pude plasmar la idea tal como la imaginé, uniendo mi experiencia en UX con una ejecución técnica ágil para entregar un producto digital simple y funcional.
Ver Demo
Año
2025
Mi rol en el proyecto
Ideación y definición del concepto. Diseño UX/UI aplicado directamente en el código. Búsqueda e integración de APIs (geolocalización, mapas, POIs). Desarrollo front-end y back-end Firebase. Deploy y pruebas en producción.
Objetivo
Construir una app ligera, clara y útil para viajeros y personas en la ciudad, priorizando la rapidez de uso (abrir → ver → ir) y la confiabilidad en la información.
Problema
Encontrar agua potable o baños gratuitos en la calle suele requerir tiempo y múltiples apps. Se necesitaba una solución ultra simple que mostrara resultados confiables en uno o dos toques.
Usuarios
Viajeros y turistas que se mueven a pie, ciclistas y runners que requieren puntos de agua, y personas con movilidad urbana que buscan baños públicos cercanos.
Casos de uso
Explorar alrededor
Abrir la app y ver puntos cercanos de agua y baños en el mapa.
Buscar un destino
Escribir una dirección y ver opciones en la ruta.
Aportar datos
Sugerir un nuevo punto o reportar uno inactivo.
Modo offline ligero
Conservar últimos resultados para zonas con señal limitada.
Proceso de diseño y desarrollo
01
Diseño en vivo (sin Figma)
Aplicación de principios de UX directamente sobre el código, iterando rápido con IA.
02
Arquitectura mínima
Mapas + geolocalización + endpoints serverless para velocidad y mantenimiento simple.
03
Integración de APIs
Búsqueda y test de APIs con ayuda de IA; normalización de datos de POIs.
04
UI minimal
Interfaz limpia: mapa, buscador, filtros básicos y CTA claros.
05
QA y despliegue
Pruebas en distintos dispositivos, optimización de carga y deploy Firebase.
Galería
Características clave
Mapa centrado en el usuario
Autolocalización, filtros (agua/baños) y distancias en vivo.
Flujo 3 toques
Ver opción → elegir → navegar (integración con mapas del sistema).
Contribuciones de la comunidad
Sugerir nuevos puntos y reportar inconsistencias.
Rendimiento y peso ligero
Assets mínimos, carga rápida, backend Firebase.
Resultados
Un MVP funcional construido de forma independiente, con una UX directa que elimina fricciones y una arquitectura técnica simple de mantener. El enfoque “diseño directo al código” aceleró el desarrollo sin comprometer la claridad.
Lo que aprendí
Confirmé que, con IA, puedo prototipar y construir un producto útil sin pasar por herramientas intermedias, manteniendo el foco en el usuario. Aprendí a encontrar e integrar APIs más rápido, a desplegar la base de datos en Firebase con buenas prácticas y a trasladar mi criterio de UX a código de forma fluida.