Ñan: tu camino en minibús, claro.
Octubre de 2026 · prototipo funcional
Una app para el transporte público de Oruro: 64 líneas de minibús y micro en el mapa, los vehículos en vivo, cómo llegar de un punto a otro y un panel para administrar la red.
Tecnología
Angular 22
PWA
Firestore- OpenStreetMap
- Vitest
TypeScript- Firebase
- MapLibre GL
- OSRM
Servicios
El proyecto
Cliente e idea
Ñan significa «camino» en quechua. Es una app que diseñamos para la ciudadanía de Oruro, los sindicatos y choferes del transporte público y la administración de la red: saber qué línea te lleva, dónde viene tu minibús y cómo llegar a tu destino.
Reto y objetivos
Oruro no tiene datos abiertos de su transporte público y en la ciudad no hay paradas fijas: el minibús para donde lo pides. Había que reconstruir la red línea por línea, explicarla en el celular de cualquier pasajero, incluso uno de gama baja, y atender a tres actores distintos sin complicar a ninguno.
Solución y resultado
Armamos la red a partir de OpenStreetMap, con ida y vuelta de cada línea, pasaje, referencias conocidas y un estado honesto: en revisión, mapeada por la comunidad o validada en campo. Un planificador calcula cómo llegar de A a B con hasta un transbordo, subiendo o bajando en cualquier esquina.
El chofer convierte su celular en el GPS del minibús, el pasajero lo ve llegar en el mapa con un rango de minutos y el operador administra recorridos, flota, reportes y avisos desde un panel. Todo en una PWA instalable que busca lugares sin internet.
La ciudad en el mapa
Cada línea de minibús y micro, con su recorrido.
Funciona sin señal
Buscar lugares y rutas aun sin internet.
Pasajero, chofer y operador
Una app para cada lado del viaje.
Resumen del proyecto
Funciones principales
El pasajero abre el mapa, encuentra la línea que pasa por su esquina, ve dónde viene el minibús y sigue su viaje paso a paso. Detrás, el chofer comparte su posición y el operador mantiene la red al día.
Todas las líneas, con nombre y recorrido
Cada línea tiene su ficha: el recorrido de ida y vuelta en el mapa, las referencias por donde pasa, el pasaje, la frecuencia y cuántos vehículos están en servicio. Se buscan por número, calle, mercado o zona.
¿Dónde viene mi mini?
El mapa en vivo muestra los vehículos que circulan y cuánto falta para que lleguen a tu parada, en un rango de minutos y no una hora exacta, porque el tráfico de la ciudad cambia mucho.
El celular del chofer, como GPS
En el modo chofer basta elegir la línea, el sentido y el número de interno para empezar el turno. Desde ese momento los pasajeros ven el minibús en el mapa, y la app avisa si se sale de su ruta.
Un panel para el operador
Desde el panel se editan los recorridos sobre el mapa, el pasaje general y preferencial y el horario de cada línea. También se sigue la flota, se atienden los reportes ciudadanos y se publican avisos de desvíos o cortes.
Desarrollo
Metodología
Construimos la app en Angular como una PWA con service worker, organizada en ocho contextos (red de transporte, planificación de viajes, flota en vivo, reportes, avisos, exploración, preferencias y administración) con arquitectura hexagonal. Los mapas usan MapLibre GL sobre OpenStreetMap, los recorridos se trazan por calles con OSRM y los datos pueden vivir en el propio teléfono o en Firebase.
Proceso
Mapa de la app
Todo parte del mapa. Cinco caminos llevan al pasajero, al chofer y al operador a lo suyo. Las fichas punteadas son plantillas: se diseñaron una vez y hoy sirven a las 64 líneas de la red, tanto para consultarlas como para editarlas.
- Líneas57 minibuses · 7 micros
- Lista con filtros
- Cerca de mí
- Ficha de líneaplantilla × 64
- Viajede A a B
- Buscar883 lugares
- Cómo llegar
- Viaje en curso
- En vivopasajero y chofer
- ¿Dónde viene mi mini?
- Modo chofer
- Reportar6 categorías
- Nuevo reporte
- Seguir mi reporte
- Paneloperador
- Líneas
- Nueva línea
- Editor de líneaplantilla × 64
- Flota
- Reportes
- Avisos
Proceso
Primero el celular
El pasajero consulta Ñan en la calle, con una mano y a veces con poca señal. Por eso cada pantalla se pensó primero para el teléfono: una barra inferior con las acciones principales, botones grandes y la información justa.
Interfaz
Claro y oscuro
La app sigue la preferencia del teléfono: modo claro para el día y modo oscuro para la noche, con el amarillo de los letreros de minibús en los dos y el mapa adaptado a cada tema. Arrastra para comparar las mismas pantallas.
Marca
Tipografía
Una grotesca de carácter callejero, compacta y con mucha presencia, que recuerda a los números pintados en los letreros de los minibuses. Se usa en títulos y códigos de línea, y Figtree acompaña en los textos para que todo se lea bien en pantallas pequeñas.
Bricolage Grotesque
MediumSemiBoldBoldExtraBold
Marca
Colores
El amarillo viene de los letreros del transporte de Oruro y marca la acción principal de cada pantalla. La tinta casi negra da contraste a los textos y al modo chofer, y el papel cálido del fondo hace que los colores de cada línea resalten sobre el mapa.
Conclusión
Ñan muestra que una ciudad sin datos abiertos de transporte puede tener su red en el celular: qué línea te lleva, dónde viene y cómo llegar, con el chofer y el operador conectados en la misma app.
Casos
