Genting
2026A comprehensive resort web application for Genting Malaysia that enables visitors to seamlessly book hotels, purchase theme park tickets, reserve cable car rides, browse shows, and make restaurant reservations — all from a single unified platform.
Visit Live SiteMy Contributions
- Developed the cable car reservation system with capacity management UI
- Developed the fnb reservation system with real-time availability checks and booking confirmation
- Built the shows ticketing system with seat selection
- Implemented the hotel booking flow with multi-step form, room selection, and date-range picker with calendar price visualization
- Implemented responsive layouts for mobile, tablet, and desktop breakpoints with Gluestack single codebase
- Implemented point system integration for loyalty rewards across all booking types
- Implemented complimentary hotel booking flow for customers with special UI, backend integration, and advanced validation rules
- API contract for fast implementation with backend team
- Optimized quantity ticket and point slider change handling in booking flows to minimize API calls with fallback handling
- Support team in debugging and fixing advanced and critical issues as well as support team in implementing advanced cases
- Support team to understand complex integration such as medusa and strapi purpose as well as support understanding booking flows such as complimentary, point, and complex store
Challenges
- 1Handling complex booking state across multiple service types (hotel, park, cable car, shows and F&B) in a single checkout session
- 2Implement advanced complimentary booking flow with complex validation rules and backend integration
- 3Implementing a unified point system across different booking types
- 4Coordinating with overseas teams
Technology Stack
Next.js
App Router with Server Components for SEO-critical pages and client components for interactive booking flows
Tailwind CSS
Utility-first styling with custom design tokens matching the Genting brand guidelines
Gluestack UI
Cross-platform component library for consistent UI between web and mobile
React Query
Server state management for caching booking data, availability checks, and user session data
Zustand
State management library for managing global state in a simple and scalable way
Axios
Promise-based HTTP client for making API requests and handling responses with interceptors for auth token management and error handling
I18next
Internationalization library for handling translations and localization in the application