Las necesidades del cliente
El cliente buscaba una solución móvil integral que permitiera gestionar el proceso completo de un viaje de transporte: desde la reserva de pasajes hasta la validación del pasajero en el vehículo, pasando por la carga de saldo, el control de servicios, y la visualización de estadísticas. Uno de los principales desafíos era crear un sistema que pudiera ofrecer una experiencia diferenciada para cada tipo de usuario, sin sacrificar fluidez ni facilidad de uso. Además, se requería que el sistema pudiera operar parcialmente sin conexión, y que la lectura de códigos QR fuera rápida, segura y precisa. También se priorizó que los choferes pudieran autogestionar sus servicios sin depender de un sistema externo, y que los pasajeros tuvieran acceso rápido a sus reservas, con una interfaz clara y una experiencia sin fricciones.
Mi solución
Para resolver este desafío, desarrollamos una aplicación móvil utilizando React Native con TypeScript, centrada en ofrecer una experiencia fluida y adaptada para dos tipos de usuario: Cliente y Chofer. Desde el lado del cliente, la app permite organizar de forma simple y eficiente la compra de tickets, la gestión de pasajes y reservas. El usuario puede visualizar los vehículos cercanos en tiempo real sobre el mapa, reservar viajes, programarlos con anticipación y cargar crédito directamente desde la aplicación. También puede consultar su saldo disponible y controlar sus consumos, todo desde una interfaz moderna y ágil. Por otra parte, el rol de chofer fue pensado para facilitar la autogestión de servicios de transporte. Cada conductor puede dar de alta nuevos servicios, asignárselos, y acceder al detalle de los servicios próximos que tiene programados. Durante el recorrido, el chofer puede subir pasajeros escaneando el código QR que genera automáticamente la app para cada reserva, y finalizar el servicio una vez completado. Además, tiene acceso a estadísticas sobre su actividad, lo que le permite hacer un seguimiento de su rendimiento y organización. Para asegurar una experiencia robusta, se integró el uso de react-native-vision-camera y vision-camera-code-scanner para un escaneo de QR rápido y preciso, react-native-maps para geolocalización en tiempo real, y AsyncStorage para manejar la persistencia local de datos y mantener funcionalidades clave disponibles incluso sin conexión. El resultado es una solución completa, pensada para optimizar el tiempo, mejorar la comunicación entre pasajeros y choferes, y digitalizar de forma eficiente todo el proceso de gestión de viajes.
Funcionalidades por rol
Desde el rol de Cliente, el usuario puede:
En cambio, si el usuario se identifica como Chofer, puede:
Información Técnica
Tecnologías utilizadas:
- Framework: React Native CLI
- Lenguaje: TypeScript
- Escaneo de QR: react-native-vision-camera + vision-camera-code-scanner
- Mapas y geolocalización: react-native-maps
- Persistencia local: AsyncStorage
- Plataforma: Aplicación móvil (Android e iOS)