Voldeluxe.com | Flight Booking

Wahid Ali

Flight Ticket Booking Platform

Responsibilities:

Create frontend UI based on client suggestions and needs.
Implement fast airport search based on airport, city, country code, name, and other parameters.
Develop the frontend using modern technologies like Next.js, Tailwind CSS, and Shadcn/UI.
Deploy website on AWS.

Description:

Voldeluxe is an online platform based in the USA that allows users to book flight tickets and travel accommodations. It is designed to offer personalized flight ticket price quotes.
Voldeluxe is your trusted source for finding cheap flights! Our experienced travel agents are here to support you with all your travel needs, including student, corporate, and group bookings. We are experts in travel arrangements. Our mission is to make travel affordable for everyone. You can call or email us anytime with your questions or concerns.
About Us Page - Why Choose Us Section
About Us Page - Why Choose Us Section

Challenges :

Airport Search - Implementing a search based on code, airport name, city, country name, and location on 6000+ data in under 2-4 sec is challenging.
Forms - Simplify the flight search form to make it easy to use and add validation for different scenarios.
Booking Page Sharable URL—The URL's managing state makes it easily shareable, allowing you to revisit the same page without having to search again for various types of flight search form scenarios.

Solutions:

I experimented with various search APIs from different platforms, including Booking.com, Skyscanner, etc. Their APIs respond in 7 to 10 seconds, which is not ideal. Therefore, I sought a list of global airports from open-source resources and utilized the JavaScript Flexsearch library. I implemented a client-side search feature to manage large datasets, and now I receive results in under 2 to 4 seconds.
To simplify the form, I reviewed 50-60 existing customer feedback comments from the platform that helped me make the form easy to use and add proper validation.
Instead of using local storage or any state manager, I decided to add form data to the URL so it can be easily shared. Even if the page refreshes, the user can continue from where they left off. I created multiple URL structures for different form scenarios.
Booking Page
Booking Page
Booking page - Sections
Booking page - Sections
Booking Page - How It Works & Deals Sections
Booking Page - How It Works & Deals Sections
Like this project
1

Posted Mar 21, 2025

Enhanced airport search speed to under 4 seconds, simplified flight search form based on user feedback, and enabled shareable URLs for seamless booking.

Likes

1

Views

1

Timeline

Mar 28, 2024 - May 18, 2024

Trakintel Ai
Trakintel Ai
Mobile Development Agency Portfolio Website
Mobile Development Agency Portfolio Website