Back to Portfolio

SkyPass Caribbean

SkyPass Caribbean is a SaaS-based platform enabling users to book airport fast pass and transfer services like Arrival/Departure Fast Pass and SUV/VAN Transfers. Built with React, TypeScript, PrimeReact, and Tailwind CSS, it features dynamic pricing, real-time flight integration, and a scalable Admin Dashboard with role-based access for managing bookings, services, and multi-tenant functionality. The platform supports rescheduling, customizable booking forms, and a seamless user experience, showcasing expertise in building efficient, user-centric SaaS solutions.

reactvitetypescriptprimereacttailwindcss
SkyPass Caribbean
Step 1: Country Selection
Step 2: Destination & Airport Selection
Step 3: Public Booking Form - Complete Your Booking
Business Owner Dashboard
Bookings Management
Booking Details View
Email Template Editor
Services Management Dashboard
Create & Edit Services
Service Templates Library
Airlines Management
Add/Edit Airline Information
Destinations Overview
Destination Configuration
Country Settings Management
Business Partners Management
Partner Details & Settings
Business Users Management
Internal Feedback Dashboard
Respond to Internal Feedback
Reschedule Form - Available Dates
Reschedule Form - Unavailable Period
Reschedule Requests Management - Admin Dashboard
Business Owner Profile Settings
Partner Invitation Form
Business Agent Invitation Form
Business Agent Dashboard
Submit Feedback to Business Owner
Partner Owner Dashboard
Partner User Management
Partner Profile Management
Partner Agent Dashboard
Features Showcase

Detailed Overview

Dive deep into the features and design philosophy

Step 1: Country Selection
Feature #1

Step 1: Country Selection

The first step in the booking journey. Smart country selector with search functionality and flag icons for easy identification. Users can quickly find and select their destination country from a comprehensive list. The interface includes popular destinations at the top for quick access and supports both browsing and searching capabilities.

Step 2: Destination & Airport Selection
Feature #2

Step 2: Destination & Airport Selection

After selecting a country, users choose their specific airport destination. Interactive destination picker showing available airports within the selected country. Each destination displays relevant information including airport codes, available services, and current pricing. The system automatically filters available services based on the selected destination and displays real-time availability.

Step 3: Public Booking Form - Complete Your Booking
Feature #3

Step 3: Public Booking Form - Complete Your Booking

The final booking interface where users complete their reservation. After selecting country and destination, this form displays available services specific to their chosen airport. Features include service type selection (Arrival/Departure Fast Pass, SUV/VAN Transfers), passenger details input, flight information integration, and real-time pricing display. The form is optimized for mobile and desktop devices with a clean, intuitive design that guides users through the booking process step by step.

Business Owner Dashboard
Feature #4

Business Owner Dashboard

Comprehensive admin dashboard for business owners with full platform oversight. The sidebar navigation provides quick access to all management modules including bookings, services, users, and analytics. The dashboard features a modern, responsive design with dark mode support and intuitive navigation patterns. Key metrics and statistics are displayed prominently for quick business insights.

Bookings Management
Feature #5

Bookings Management

Advanced bookings management table with powerful filtering, sorting, and search capabilities. Displays all booking information including customer details, service type, booking status, payment information, and timestamps. Features include bulk actions, export functionality, quick status updates, and inline editing. The table supports pagination and customizable column visibility for optimal data management.

Booking Details View
Feature #6

Booking Details View

Detailed view of individual bookings showing complete customer information, service details, payment history, and booking timeline. Administrators can modify booking details, process refunds, reschedule appointments, update status, and communicate with customers directly from this interface. Includes audit trail showing all changes made to the booking.

Email Template Editor
Feature #7

Email Template Editor

Powerful email template management system with drag-and-drop editor. Create and customize transactional emails including booking confirmations, reminders, receipts, and marketing communications. Supports dynamic variables, multi-language templates, and A/B testing for optimization.

Services Management Dashboard
Feature #8

Services Management Dashboard

Central hub for managing all service offerings across the platform. View, edit, and organize services with drag-and-drop functionality. Each service card displays key information including pricing, availability, and booking statistics. Administrators can quickly enable/disable services, adjust pricing, and monitor performance metrics.

Create & Edit Services
Feature #9

Create & Edit Services

Comprehensive service creation form with fields for service name, description, pricing structure, duration, capacity limits, and availability schedules. Supports multiple pricing tiers (regular, peak, group rates), custom form fields for customer data collection, and integration with specific airports or routes. Includes image upload for service visualization and SEO optimization fields.

Service Templates Library
Feature #10

Service Templates Library

Pre-built service templates for quick setup of common offerings like Fast Pass services, transfer packages, and VIP services. Each template includes default settings, recommended pricing, and form configurations that can be customized. Saves time when expanding to new locations or launching new service types.

Airlines Management
Feature #11

Airlines Management

Manage partner airlines with real-time flight integration capabilities. View all registered airlines, their active routes, integration status, and booking statistics. The system supports automatic flight data synchronization for accurate arrival/departure information.

Add/Edit Airline Information
Feature #12

Add/Edit Airline Information

Complete airline management form for adding new airline partners or updating existing ones. Include airline code, name, logo, contact information, and API integration settings for flight data synchronization. Configure which destinations and services are available for each airline.

Destinations Overview
Feature #13

Destinations Overview

Comprehensive view of all service destinations with key metrics including total bookings, revenue, popular services, and operational status. Filter destinations by region, status, or performance metrics. Quick access to enable/disable services at specific locations.

Destination Configuration
Feature #14

Destination Configuration

Detailed destination setup including airport information, timezone settings, operating hours, available services, and pricing rules. Configure specific requirements for each location such as customs procedures, terminal information, and local regulations that affect service delivery.

Country Settings Management
Feature #15

Country Settings Management

Manage country-level settings including currency, tax rates, legal requirements, and regional preferences. Configure multi-language support, localized content, and country-specific compliance rules. Essential for international operations and proper service delivery across different regions.

Business Partners Management
Feature #16

Business Partners Management

Multi-tenant partner management system for handling partner organizations and their teams. View all registered partners, their performance metrics, commission structures, and active agents. Monitor partner activities, manage contracts, and track revenue sharing across the platform.

Partner Details & Settings
Feature #17

Partner Details & Settings

Detailed partner profile including business information, assigned destinations, user management, commission settings, and performance analytics. Configure partner-specific branding, custom pricing, and service access permissions. View booking history and financial reports for each partner organization.

Business Users Management
Feature #18

Business Users Management

Role-based user management system for business owners and agents. Create, edit, and manage user accounts with granular permission settings. Assign roles (Owner, Manager, Agent), set access levels, and track user activity. Includes bulk user import, automated onboarding emails, and activity logs.

Internal Feedback Dashboard
Feature #19

Internal Feedback Dashboard

Centralized internal communication hub where business owners receive feedback from their business agents and partner owners receive feedback from their partner agents. This dashboard displays all submitted feedback including reports, suggestions, concerns, and operational issues. Only business owners and partner owners can view and respond to feedback - agents can only submit. Filter feedback by type, priority, date, or agent. Track response times and resolution status to maintain effective team communication.

Respond to Internal Feedback
Feature #20

Respond to Internal Feedback

Response interface exclusively for business owners and partner owners to reply to agent feedback. Review submitted concerns, provide guidance, acknowledge suggestions, and take action on reported issues. Features include templated responses for common situations, internal notes for tracking, priority adjustments, and status updates. Responses help maintain open communication channels and improve operational efficiency across teams.

Reschedule Form - Available Dates
Feature #21

Reschedule Form - Available Dates

Customer-facing reschedule form accessible via the email link sent after booking. When customers want to change their booking date (at least 2 days before the flight), they use this form to select new available dates. The interface shows a calendar with available time slots, pricing adjustments if any, and service availability for their destination. Customers can review their original booking details and submit a reschedule request to the business owner for approval.

Reschedule Form - Unavailable Period
Feature #22

Reschedule Form - Unavailable Period

When customers attempt to reschedule too close to their flight date (less than 2 days before departure) or select dates with no availability, this view displays clear messaging explaining why rescheduling is not possible. It provides information about the 2-day advance requirement, suggests alternative options, and offers contact information for special circumstances or urgent requests that may require direct communication with support.

Reschedule Requests Management - Admin Dashboard
Feature #23

Reschedule Requests Management - Admin Dashboard

Admin dashboard for managing all incoming customer reschedule requests. Displays requests with customer details, original booking information, requested new dates, and current status. Administrators can review each request, check availability for the new dates, approve or reject requests, process any additional charges due to pricing differences, and communicate directly with customers. The system tracks the entire request lifecycle from submission to resolution.

Business Owner Profile Settings
Feature #24

Business Owner Profile Settings

Profile management for business owners including personal account information, security settings, and notification preferences. Business owners can also generate invitation links to onboard new team members: Generate Partner Invitation Link for adding partner organizations, and Generate Business Agent Invitation Link for inviting new agents to join their team.

Partner Invitation Form
Feature #25

Partner Invitation Form

Registration form accessed via the partner invitation link generated by business owners. New partner organizations use this form to complete their registration by providing business details, contact information, and account credentials. The form includes fields for company name, tax information, preferred destinations, and initial user setup. Once submitted, the partner account is created with pre-configured permissions and commission structure as set by the business owner.

Business Agent Invitation Form
Feature #26

Business Agent Invitation Form

Onboarding form for new business agents invited by business owners. Agents access this form via the invitation link and complete their registration with personal details including name, email, phone, and password. The form automatically assigns the agent to the business owner's organization with appropriate role permissions. This streamlined process ensures quick team expansion while maintaining security and proper access control.

Business Agent Dashboard
Feature #27

Business Agent Dashboard

Streamlined dashboard interface designed for business agents handling daily booking operations and customer service. Agents have access to essential features through the sidebar navigation: manage customer bookings with quick status updates, handle reschedule requests (customers can reschedule up to 2 days before their flight), view country and destination settings to assist customers, and submit feedback or escalate issues to business owners. The interface is optimized for efficiency with real-time notifications for new bookings and customer inquiries.

Submit Feedback to Business Owner
Feature #28

Submit Feedback to Business Owner

Feedback submission form for business agents to communicate with business owners. Agents can report operational issues, suggest process improvements, escalate customer concerns, or request guidance. Includes categorization options, priority levels (low, medium, high, urgent), and attachment support for screenshots or documents. Agents can only submit feedback - they cannot view or respond to other feedback. This creates a direct communication channel from agents to owners for maintaining quality and improving operational efficiency.

Partner Owner Dashboard
Feature #29

Partner Owner Dashboard

Dedicated dashboard for partner organizations managing their own team and bookings. Features include team management, booking oversight for their organization, revenue tracking, and performance analytics. Partners have controlled access to platform features relevant to their operations while maintaining data isolation from other partners.

Partner User Management
Feature #30

Partner User Management

User management interface for partner organizations to manage their own team members. Create and manage partner agents, set permissions within partner scope, and track team performance. Includes user roles specific to partner operations and activity monitoring.

Partner Profile Management
Feature #31

Partner Profile Management

Profile management for partner owners including organization details, contact information, and account settings. Partner owners can also generate Partner Agent Invitation Link from this section to invite new agents to join their partner organization team.

Partner Agent Dashboard
Feature #32

Partner Agent Dashboard

Focused interface for partner agents to manage bookings within their organization's scope. Streamlined booking creation and management tools, customer communication features, and access to organization-specific resources. Designed for efficiency with commonly-used actions prominently displayed and quick navigation between active bookings.