Background
PJBS previously managed operational tasks such as vehicle booking, meeting scheduling, and office supply requests manually. This caused inefficiencies, miscommunication, and lack of centralized monitoring.
Solution
We built a cross-platform internal mobile application for iOS and Android, covering multiple operational needs in one ecosystem. Each feature had its own module and role-based access. A CMS dashboard (developed by the backend team) supported monitoring and data management.
Architecture & Tech Stack
- React Native (TypeScript) – cross-platform development for iOS & Android
- Redux – centralized state management
- Axios – REST API integration
- Push Notifications – real-time updates
- OpenStreetMap Nominatim – geocoding service to resolve addresses into coordinates
- OpenRouteService – routing engine for calculating driver navigation paths and travel times
- CodeIgniter CMS & API – developed by backend team
Feature: Vehicle Booking
The vehicle booking module allows employees to request cars directly from the app, while managers can review and approve requests in real time. Once approved, admins assign drivers, and drivers receive their schedules instantly with integrated routing support. This feature reduces scheduling conflicts, ensures better fleet utilization, and makes the approval flow transparent across roles.
Feature: Meeting
The meeting module centralizes both physical and online meeting scheduling. Employees can request rooms or online slots, while the meeting admin manages bookings to avoid conflicts. By streamlining this process, PJBS reduces double-bookings and improves efficiency.
Feature: ATK (Office Supplies)
This module digitizes the process of requesting and approving office supplies. Employees can request items such as pens or paper, managers validate whether requests are necessary, and admins process distribution while updating stock automatically.
Feature: Archive
The archive module serves as a digital repository where employees can search and retrieve documents quickly, while admins upload and categorize files securely.
Feature: FAQ
The FAQ module provides a centralized help center for employees to find quick answers without needing to contact admins.
Challenges & Learnings
One major challenge was implementing a custom calendar scheduling system for meeting reservations. Off-the-shelf calendar libraries didn’t support PJBS’s complex approval workflows, so I:
- Built a scheduling component from scratch in React Native
- Integrated role-based logic (employee request → manager approval → admin assignment)
- Ensured smooth UI updates across iOS and Android
Another significant hurdle was the integration of map & routing features for drivers. Since accuracy and usability were critical, I:
- Used OpenStreetMap Nominatim for address geocoding
- Implemented OpenRouteService for real-time routing and travel time estimation
- Optimized map rendering to work efficiently on low-end Android devices
Learnings
- Gained hands-on experience in building bespoke scheduling systems without relying heavily on third-party libraries
- Strengthened expertise in real-time features such as notifications and routing
- Improved skills in role-based access control for mobile apps
- Learned to collaborate more effectively with backend teams to align APIs with frontend needs
