Royal Vision Tourism

A full-featured travel booking and commerce platform with multi-currency payments, dynamic pricing, and advanced admin dashboards.

React.js
Next.js
Node.js
MySQL
GCP
CCAvenue
SMTP
Docker
TypeScript
MUI
Royal Vision Tourism
Preview 1
Preview 2
Preview 3
Preview 4
+21

View Gallery

25 Images

Duration

Mar 2025 – Jun 2025

Team Size

1 Developer, 1 Designer, 1 PM

My Role

Full Stack Developer

Project Overview

Key Highlights

Duration: Mar 2025 – Jun 2025
Team Size: 1 Developer, 1 Designer, 1 PM
My Role: Full Stack Developer
Status: Completed

Royal Vision Dubai is a comprehensive tourism booking and commerce platform built to streamline travel management for customers, admins, and operations managers. The platform provides an end-to-end solution for browsing tours and destinations, customizing packages, managing bookings, and handling payments — all integrated within a robust admin panel.

Key Features:

1. User Authentication & Profile Management - Role-based access for SUPER_ADMIN, ADMIN, OPERATION_MANAGER, and CUSTOMER. - Secure registration, login, password reset, and profile updates. - Session management and audit logs for all key actions.

2. Tours & Packages - Step-by-step creation of tours/packages with itinerary, highlights, inclusions/exclusions, destinations, addons, FAQs, tags, and cancellation policies. - Gallery upload support for each tour/package. - Duplicate and toggle tour/package statuses for faster content management.

3. Destinations, Addons & Categories - CRUD operations for destinations, tour categories, addons, and tags. - Addons linked directly to specific packages for personalization. - Dashboards to track destination/package usage and booking trends.

4. Booking & Payments - Day-based booking availability with dynamic adult/child/infant pricing rules. - Apply and validate coupon codes. - Multi-currency payments integrated via CCAvenue with secure backend handling. - Admin booking management: update status, cancellations, and payment logs.

5. Customer-Facing Features - Dynamic product categories, cart flow, and order history. - Custom tour planning with enquiry form integration. - Privacy Policy, Terms, FAQs, About Us, Blog, and Contact pages. - Google/TripAdvisor reviews embedded as live widgets. - Review writing option for customers with moderation controls.

6. Media & Content Management - Manage galleries, banners, and featured layouts. - Role-based blog management with support for formatted text and media. - Lightbox-style gallery previews for uploaded content.

7. Coupons & Offers - Create, assign, and validate coupons with expiry and usage limits. - Offer deal popup banners with configurable icons and CTAs. - Admin view of coupon redemptions linked to booking stats.

8. Admin Panel - Manage tours, destinations, categories, packages, addons, and coupons. - Manage customers with booking histories and profile data. - Manage admin users with role-based permissions. - Comprehensive booking management with filters, search, and exports. - Advanced reports including revenue, bookings, and customer activity.

9. Frontend Stack - Next.js and React.js for customer-facing website and admin dashboards. - Material-UI (MUI) for consistent and responsive UI design. - Interactive charts and dashboards built with ApexCharts.

10. Developer & Deployment Workflow - Built with TypeScript, ESLint, Prettier, and modular code structure. - Dockerized deployments for consistent environments. - GCP-hosted infrastructure with SMTP for booking confirmations and notifications.

I independently led both backend and frontend development, implementing multi-currency payments, complex booking logic, and the entire admin panel. The system was delivered as a production-ready platform aligned with client requirements for a large-scale tourism business.

Challenges
  • Integrating multi-currency payment gateway securely
  • Implementing dynamic age-based pricing in booking flows
  • Designing modular content management for 25+ modules
  • Generating detailed reports from large booking datasets
  • Maintaining consistent performance across admin and client modules
Solutions
  • Integrated CCAvenue with secure server-side validation and payment reconciliation
  • Built modular pricing logic with flexible rules for adults, children, and infants
  • Designed a scalable admin panel with CRUD modules for destinations, tours, packages, and coupons
  • Optimized queries and implemented async pipelines for reporting
  • Implemented reusable React components with MUI for consistent UX
Results
  • Successfully launched a production-grade booking system for a live client
  • Robust multi-currency payment flows delivered via CCAvenue
  • Reduced operational overhead by centralizing tour, booking, and coupon management
  • Delivered an end-to-end platform covering 25+ client-requested modules