Lotel React Native
Modern rebuild of the Lotel hotel management system using React Native and Expo. Features enhanced UI/UX with handymen payment tracking, grocery profitability analytics, remittance management with PDF generation, beddings/linens inventory, maintenance issue tracking, and comprehensive room booking management. Built for production use with real-time Firebase synchronization.
View on GitHub
Handymen Payment Tracking
Track daily rates and monthly payments for handymen like Ariel, Bersamin, and others. Calendar view shows payment history with remittance status and details for each payment including days worked and hotel assignment.
Daily Remittance Management
Comprehensive daily remittance tracking with breakdown of expenses, handymen costs, and sales. Generate PDF reports showing prepared by/collected by staff members. Net amount calculation with emoji feedback for profitability.
Room Booking Details
Complete room booking management showing stay information, guest count, duration, payment status, and guest details. Modify bookings or process checkouts with a single tap.
Advanced Management Features
Lotel React Native modernizes hotel operations with a comprehensive suite of management tools. Built with React Native and Expo for cross-platform compatibility, the app features real-time Firebase synchronization, PDF report generation, and intuitive UI components designed for daily operational efficiency.
Grocery Profitability
Track grocery expenses vs revenue with profitability indicators. See days to breakeven, net profit percentage, and purchase history. Real-time analytics help optimize inventory purchasing decisions.
Beddings & Linens Inventory
Manage bedsheet, pillowcase, and towel inventory across all rooms. Track units, pricing, total costs, and room assignments. Filter by type and year for comprehensive inventory control.
Maintenance Issue Tracking
Report and track hotel maintenance issues with status updates, reporter information, and resolution timeline. Issues like fire safety inspections, tissue restocking, and room repairs are organized by date with quick edit access.
Expense Management
Record daily hotel expenses with categorized types including softdrinks, cash advances, salary, food, and more. Track amount and description for complete financial visibility across all hotel operations.
Staff Role Management
Manage hotel staff with role-based access control. Track staff and admin users with real-time activity status. View who is currently active and manage user roles efficiently.
Complete Inventory System
Comprehensive inventory management for candy, essentials, and drinks. Track stock levels, pricing, and out-of-stock items. Edit or delete inventory items with simple action buttons.
Lotel Mart Shopping
Internal shopping cart system for hotel purchases. Add items to cart with quantity controls, view categorized inventory (27 items total), and process transactions seamlessly.
Payroll Management
Manage fortnightly payroll cycles with total expenditure tracking (₱535,088.8). View pending and settled payrolls organized by fortnight, with status indicators for each payment period.
Staff Payroll Tracking
Monitor individual staff member advances and settlements. Track pending cash advances with visual alerts, settled amounts per staff member, and maintain complete payroll transparency across all hotel employees.
Why Rebuild with React Native?
After running the Flutterflow version successfully in production for over a year, I decided to rebuild Lotel using React Native and Expo for better performance, maintainability, and customization capabilities. The new version offers enhanced UI/UX with modern design patterns and more granular control over app behavior.
React Native with Expo provides excellent development velocity with hot reloading, easier debugging, and access to a rich ecosystem of packages. Firebase integration enables real-time data synchronization across devices, ensuring all staff members have up-to-date information about hotel operations.
Modern Mobile Stack
Built with React Native and Expo for cross-platform development, ensuring consistent performance on both iOS and Android devices. TypeScript provides type safety throughout the codebase, reducing bugs and improving maintainability. Firebase Firestore handles real-time data synchronization with offline support.
The app leverages Expo's managed workflow for rapid development and easy deployments. PDF generation is handled natively for professional remittance reports. The purple-themed UI uses modern design patterns with smooth animations and intuitive navigation for optimal user experience during daily hotel operations.
Future Plans: Migrating to Kotlin & Jetpack Compose
While React Native with Expo enabled rapid prototyping, the app suffers from slow load times and performance issues that impact daily operations. I'm planning to rebuild this application using native Android development with Kotlin and Jetpack Compose to address these performance bottlenecks and provide a significantly faster, more responsive user experience.
The migration to native Android will eliminate the JavaScript bridge overhead, provide instant app startup, smoother animations, and better memory management. Jetpack Compose's modern declarative UI framework combined with Material Design 3 components will enable a polished, performant hotel management system that staff can rely on for critical daily operations.