My Experience as a Front-End Lead in a Travel Tech Project

In this article, I want to share my experience in a large-scale Travel Tech project.

As the Front-End Lead, I was responsible for leading the team, designing the architecture, and implementing key features.

Project Introduction

The project is a travel platform that provides users with services such as flight booking and hotel reservations.

The unique aspect of this project is that with a single codebase, we managed to cover more than 40 domains and websites.

Each domain is customized for the final client and managed through an intelligent back-office system.

Development Journey

1. In the first year, I worked alone and developed the project using jQuery.
2. From the second year, we migrated to Nuxt 3 and the Vue ecosystem.
3. A trainee joined the team who is still collaborating with us. This helped me strengthen my leadership and mentoring skills.

Technologies Used

1. Front-End: Vue.js, Nuxt 3, Pinia, Nuxt UI
2. Validation & Best Practices: Zod
3. Performance Optimization: Lazy Loading, SSR, Code Splitting

Achievements

1. Covered more than 40 domains with a single shared code structure.
2. Improved performance and page loading speed.
3. Successfully implemented flight and hotel booking services.
4. Led the team and delegated features to teammates (including the trainee).

Active Domains

1. flyalrafah.com
2. summerholidays.app
3. duratalshabab.com

Conclusion

This project was a valuable experience in leading front-end teams, working in a large-scale Travel Tech project, and leveraging modern frameworks like Nuxt 3.

It showed me how combining technology, teamwork, and proper management can result in a high-quality and scalable project.