Back to Projects

24Resa is a sophisticated hotel booking and management platform developed in collaboration with Kreatek Team. The platform integrates three core modules with a comprehensive Identity and Access Management (IAM) system that controls permissions at both module and button levels based on user roles. The system seamlessly connects to Travelgate marketplace for global travel distribution and Cyberesa hotel management systems for booking operations, payment processing, and PMS connectivity. As a freelance developer, I implemented the IAM system with role-based access control (RBAC), ensuring granular permissions for different user types across all modules. I also led a complete UI/UX overhaul by migrating from Ant Design to pure Tailwind CSS, implementing a scalable atomic design architecture with shared components (atoms, molecules, layout) and module-specific UI components (Cyberesa, Travelgate, Permissions). This migration significantly improved performance, maintainability, and user experience while establishing a future-proof design system. The platform supports B2C direct bookings, B2B affiliate bookings, and XML-OUT API integrations for OTAs and online wholesalers, providing a complete solution for hotel inventory management and distribution.

Period

2024 - Present

Role

Full Stack Developer - IAM & Integration Specialist

Team

Kreatek Team + Me as freelance developer

Work Mode

Remote - Freelance

Key Achievements

  • Designed and implemented comprehensive IAM system with role-based permissions for all three modules
  • Developed granular permission system controlling access at module and button levels based on user roles
  • Led complete UI/UX migration from Ant Design to pure Tailwind CSS, improving performance and maintainability
  • Implemented scalable atomic design architecture with shared UI components (atoms, molecules, layout) and module-specific components
  • Built future-proof design system with clean separation between global design system and domain-specific UIs
  • Created module-specific UI components for Cyberesa, Travelgate, and Permissions modules following atomic design principles
  • Integrated Travelgate marketplace API for global travel distribution and inventory management
  • Connected to Cyberesa hotel management systems for booking operations and PMS connectivity
  • Implemented B2C IBE module for direct online bookings with payment integration (Visa, Mastercard, CIB)
  • Built B2B retail module with login/password authentication for affiliates and corporate clients
  • Developed B2B XML-OUT API module for OTAs and online wholesalers distribution
  • Created permission management system allowing dynamic role assignment and access control
  • Implemented secure authentication and authorization flows with JWT tokens
  • Built real-time booking synchronization between Travelgate, Cyberesa, and internal systems
  • Designed scalable architecture supporting multiple hotel properties and distribution channels
  • Ensured seamless integration with payment gateways and revenue management systems

Responsibilities

  • IAM system design and implementation with role-based access control
  • Permission management at module and UI component levels
  • UI/UX migration from Ant Design to Tailwind CSS with atomic design architecture
  • Design system development with shared components (atoms, molecules, layout) and module-specific UI
  • Frontend architecture refactoring for improved maintainability and scalability
  • Travelgate API integration for marketplace connectivity
  • Cyberesa system integration for hotel booking operations
  • B2C, B2B, and XML-OUT module development
  • Authentication and authorization system implementation
  • API development and third-party service integration
  • Database design for multi-tenant architecture
  • Security implementation and access control
  • Cross-system data synchronization

Technologies Used

React.jsNext.jsNode.jsExpress.jsTypeScriptTailwind CSSAnt Design (Legacy)IAM / RBACJWT AuthenticationTravelgate APICyberesa APIXML-OUT IntegrationSOAPXMLRESTful APIsGraphQLMySQLRedisDockerGitGitHub

Key Statistics & Impact

3
Modules Integrated
B2C, B2B, XML-OUT
2
External Systems
Travelgate & Cyberesa
Multi-tier
Permission Levels
Module & Button level
100%
UI Migration
Ant Design → Tailwind CSS
2
Languages
French & English

Key Features & Modules

IAM System with Role-Based Permissions
Module-Level Access Control
Button-Level Permission Management
Tailwind CSS Design System (Migrated from Ant Design)
Atomic Design Architecture (Atoms, Molecules, Layout)
Module-Specific UI Components (Cyberesa, Travelgate, Permissions)
Shared Component Library for Reusability
Travelgate Marketplace Integration
Cyberesa Hotel System Integration
B2C Direct Booking Module
B2B Affiliate Booking Module
XML-OUT API for OTAs
Multi-language Support (FR/EN)
Payment Gateway Integration
Real-time Booking Synchronization
Revenue Management Integration

Methodology

Agile - Scrum

Work Mode

Remote - Freelance

--:--:--·TUN
24Resa — Kreatek Team - TravelTech / Hotel Booking · Lamjed Gaidi — Portfolio