Aptean RideNMeal

RideNMeal App is a feature-rich, production-grade mobile app that combines transportation booking, safety features,and dinner management into a great employee experience.

Overview

The RideNMeal Employee App is a mobile application designed for corporate employees to seamlessly manage their daily transportation and dinner meal bookings. The app provides a complete end-to-end experience from booking a cab ride days in advance, to tracking the driver in real-time, confirming safe arrival home, and scanning a QR code to claim a dinner meal at the office.

Technology Stack

The app is built on React Native with Expo, leveraging React and TypeScript for full type safety. State management is handled by Redux Toolkit with RTK Query powering all API integration and caching. Navigation uses React Navigation with native-stack and bottom-tab navigators. Forms are validated with React Hook Form and Zod schemas. The UI layer uses React Native Paper (Material Design) with Expo Vector Icons. Real-time features rely on Socket.io-client, while secure token storage uses expo-secure-store. Push notifications are delivered via Expo Notifications. Date handling is centralized through dayjs with IST timezone support.

Authentication & Security

The app supports two authentication methods: traditional email/password login and Azure AD Single Sign-On via a secure browser session with deep linking. Login forms enforce an 8-character minimum password with Zod validation.

Token management is robust — tokens are stored in both Redux state and Expo Secure Store for redundancy. An automatic token refresh mechanism uses async-mutex to prevent race conditions when multiple API calls encounter 401 responses simultaneously. If a refresh fails, the user is logged out and all cached data is cleared. The app also handles backend-initiated account deactivation, routing affected users to a dedicated inactive account screen.

On first login, employees are directed to a Profile Setup screen where they must provide their office, employee code, phone number, gender, home address (including a Google Maps Plus Code for precise geocoding), manager, and product line. This setup is a one-time process that locks after completion.

Push Notifications

The app integrates push notifications via Expo Notifications. On launch, it requests notification permissions and registers the device token with the backend. Notifications are configured with maximum importance for visibility. Foreground notifications display with sound and vibration. Tapping a notification deep-links to the relevant screen — for example, a "Driver Arriving" notification opens Trip Details, and a "Passenger Dropped" notification opens Trip Details with an arrival confirmation prompt.