Albayt

For AlBayt, one of the leading Hajj and Omra agencies in France, I developed a fully customized online booking web application tailored to the unique requirements of religious travel logistics. The goal was to modernize and streamline the booking process — traditionally done offline or over the phone — into a digital experience that felt intuitive, secure, and responsive across all devices.
The app handled dozens of edge cases related to trip packages, group sizes, flight preferences, visa types, and religious guidance options. The system dynamically adapted the form steps and validation rules in real time, ensuring accuracy and user clarity at every stage.
The more complex the process behind the scenes, the more important it is to simplify the experience in front of the user — without losing trust.
I built the booking flow as a multi-step React app with dynamic routing and state-driven transitions. Each phase — from destination and room selection to document uploads and payment — was built as a reusable, validated component integrated into a global form state manager.
Performance, security, and international user experience were priorities.
Built with React, Next.js, and Tailwind CSS, the app was deployed with Vercel for optimal delivery. I implemented strong form validation, error handling, loading states, and feedback UI. The application was also multilingual-ready and mobile-first, considering the diverse background of AlBayt’s customer base.
This project showcased my ability to translate a complex, mission-critical business flow into a seamless user experience. From custom field logic to secure checkout integration, I delivered a solution that not only simplified AlBayt’s internal operations but also elevated the customer experience — aligning with their core promise of trust, transparency, and quality.





