Overview
The Venetian Booking Engine is a custom Single-Page Application (SPA) designed to deliver a seamless booking experience for guests of The Venetian Resort. Built from the ground up, the application interfaces with the resort’s AEM-based APIs, ensuring robust integration with existing backend systems.
The project was developed over two years, evolving from a minimum viable product (MVP) to a feature-rich platform. The booking engine supports complex booking scenarios, including direct referrals with pre-filled parameters and dynamic user flows.
My Role
Technical Architect & Lead Developer
Responsible for architecture, front-end development, API integration, and UI/UX collaboration.
Tech Stack
- Angular 2+: Core SPA framework for scalable, maintainable code.
- Typescript: Strong typing and modern JavaScript features.
- CLNDR.js: Custom calendar logic, with a fully personalized UI.
- RxJS: Reactive programming for state management and async flows.
- Moment.js: Date handling and formatting.
- SCSS: Modular, maintainable styles.
- Webpack: Build and asset pipeline.
- Docker: Containerized development and deployment.
- Jenkins: CI/CD automation.
- Figma, Sketch, Zeplin: Design collaboration.
- Lodash, Slick Carousel, reCaptcha: Utility libraries and UI enhancements.
Key Features
- Custom Calendar UI: Built from scratch using CLNDR.js, enabling flexible date selection and visualizations.
- Complex Booking Flows: Handles multi-room, multi-guest, and promotional scenarios, both via UI and referral links.
- API Integration: Robust communication with AEM-based backend, including error handling and data validation.
- Responsive Design: Optimized for desktop, tablet, and mobile across four breakpoints.
- Performance Optimizations: Lazy loading, code splitting, and efficient state management.
- Security: Integrated Google reCaptcha and secure API communication.
Full Case Study
Visit codeandtheory.com at https://www.codeandtheory.com/things-we-make/the-venetian
Screenshots
Fully Responsive across 4 screen types
Checkout screens on mobile
