Álbum para coleccionar fotos de perros que se ven por la calle
Diseñé y desarrollé una app PWA que es un álbum de cromos/figuritas para ir desbloqueando razas de perros a partir de avistamientos cotidianos, con misiones semanales. Las ilustraciones de acuarelas embellecen el juego, y también el usuario puede subir fotos personalizadas, donde una IA ayuda a identificar qué raza es cada imagen.
- Mi aporte
- Diseñé la experiencia y construí la app, el álbum, las misiones y el recorrido de identificación por foto.
- Para quién
- Proyecto personal de uso privado para registrar paseos y coleccionar razas.
- Alcance
- Álbum, cámara, bitácora, misiones, rangos y entradas pendientes en una app que se instala en el teléfono.
Un paseo se convierte en colección
Abrí una figurita o anotá un perwito. El álbum, las patitas y las misiones cambian con tu entrada.
Ilustraciones: Cecil Aldin, Dogs of Character (1927). Dominio público. Muestra de 12 razas; lugares y avistamientos ficticios.
El proyecto y sus decisiones
Lectura del caso
Construí Perwitos como una libreta para registrar los perros que aparecen durante un paseo. Cada avistamiento suma una figurita ilustrada, una entrada en la bitácora y progreso en las misiones.
- Producto
- App personal de uso privado
- Interacción
- Foto, confirmación y colección
- Identidad
- Cuaderno de campo ilustrado
- Colección
- Álbum ilustrado y bitácora
Decisiones del caso
Diseñar para el momento del paseo
Puse Cámara en el centro de las cinco pestañas: fotografiar al perro que pasa necesita un acceso rápido. Anotar de memoria tiene su propio formulario. La persona confirma las sugerencias de raza y puede guardar una entrada pendiente para completarla después.
Un álbum con reglas visuales propias
Usé Fraunces e Inter sobre papel blanco, filetes finos y controles de 44 px. Reservé el coral para el estado activo y la tinta para medir progreso. Las figuritas conseguidas tienen borde y sombra; los espacios pendientes usan una huella tenue. Las ilustraciones provienen de obra de artistas documentada en el catálogo.
Guardar una colección privada
Supabase gestiona el acceso de las dos cuentas autorizadas y guarda avistamientos, fotos y entradas pendientes. La app separa los registros terminados de los borradores para que el álbum, las misiones y los rangos trabajen con datos confirmados.
Facetas
Herramientas
- React + TypeScript
- Aplicación web instalable, navegación y formularios con recuperación de pendientes.
- Supabase
- Postgres, autenticación, almacenamiento privado y funciones para las razas.
- Gemini
- Sugerencias de identificación por foto, confirmadas por la persona.
- Vite
- Build de la aplicación y soporte para instalarla en el teléfono.