Back to Portfolio
// 2025

Asrar Altyar Travel Agency

A comprehensive travel agency platform for managing travel packages, destinations, and bookings with full multilingual support.

Full-stackTravel & TourismUI/UXWeb ApplicationAPI Development
Visit Website
Asrar Altyar Travel Agency

Client

Asrar Altyar Travel & Tourism Co.

Year

2025

My Role

Full-Stack Developer

Duration

6 months

Services

Full-stack, Travel & Tourism

Technologies

HTML5, CSS3

About the Project

Asrar Altyar is a full-stack travel agency web application built with Django 5.2 and Vue.js 3, designed to provide comprehensive travel package management and booking services. The platform delivers a complete solution for showcasing travel destinations, managing tourist programs with detailed itineraries, and facilitating customer engagement through blog content and galleries with full Arabic and English language support including RTL layout. The backend leverages Django REST Framework to deliver a robust RESTful API managing packages, destinations, blog articles, galleries, and search functionality, featuring JWT authentication, view tracking, SEO optimization with automated sitemap generation, structured data markup, and multilingual content through Django Parler translation models. The system integrates AWS S3 or Cloudinary for scalable media storage with automatic WebP image optimization generating multiple size variants (thumbnail, medium, large, square) for optimal performance. The frontend offers a modern, responsive Material Design single-page application built with Vue 3 Composition API, Vue Router for seamless navigation, Pinia for state management, Vue i18n for internationalization, and Vuetify 3 for comprehensive UI components. Key features include advanced package search with multi-criteria filtering (price range, duration, difficulty, ratings), destination browsing with country information and visa requirements, day-by-day tourist program itineraries with hotel and meal details, travel blog with categories and comments, image gallery with lazy loading, newsletter subscription, customer testimonials, WhatsApp integration, and Redis caching for performance. The application is production-ready with Render deployment configuration, PostgreSQL database, WhiteNoise for static file serving, CORS middleware, Gunicorn WSGI server, comprehensive error handling, and API documentation via Swagger/OpenAPI, demonstrating professional software architecture with separation of concerns, scalable cloud infrastructure, multilingual content management, and user-centric design focused on the travel and tourism industry.

Key Features

Multi-language support with RTL (Arabic/English)
Advanced package search and filtering system
Detailed day-by-day tourist program itineraries
Blog system with categories and comments
Image gallery with WebP optimization
JWT authentication and authorization
SEO optimization with structured data
AWS S3/Cloudinary media storage
Redis caching for performance
Responsive Material Design UI
Newsletter subscription system
WhatsApp integration
Automated sitemap generation
Customer reviews and testimonials

Tech Stack

HTML5CSS3JavaScriptPythonDjango 5.2Django REST FrameworkDjango ParlerPostgreSQLSQLiteRedisVue.js 3Vuetify 3Vue Router 4PiniaVue i18nAxiosSCSS/SassSwiperAOSJWT AuthenticationAWS S3CloudinaryWhiteNoiseGunicornImageKitPillowDjango UnfoldDRF SpectacularRenderWebpackCORSPWA

Project Gallery

Asrar Altyar Travel Agency - Image 2
Asrar Altyar Travel Agency - Image 3
Asrar Altyar Travel Agency - Image 4
Asrar Altyar Travel Agency - Image 5
Asrar Altyar Travel Agency - Image 6
Asrar Altyar Travel Agency - Image 7
Asrar Altyar Travel Agency - Image 8
Asrar Altyar Travel Agency - Image 9
Asrar Altyar Travel Agency - Image 10
// Like What You See?

Let's create something amazing together

Ready to start your project? Get in touch and let's discuss how I can help bring your vision to life.

Get in Touch