Manaazir Rayyaan
Full Stack Developer and Graphic Designer
New to Contra
Manaazir is ready for their next project!
🌍 Voyageur – Travel Planner Platform
I built Voyageur, a full-stack travel planning platform designed to help users discover, explore, and book curated travel experiences through a clean and high-performance interface.
The goal of this project was to simulate a real-world travel product with scalable architecture, smooth UX, and API-driven content.
🚀 What it does
Voyageur allows users to:
Explore curated travel packages across multiple destinations
Filter trips by budget, duration, category, and preferences
View detailed itineraries with hotels, transport, and experiences
Save packages to a personal wishlist
Book trips with dynamic pricing calculation
See live weather insights for destinations
Browse visually rich destinations powered by dynamic images
🧠 Smart Features
Dynamic Image System
Integrated Unsplash API to fetch destination-based images. Each package displays unique visuals with caching and fallback handling to ensure reliability and performance.
Optimized Navigation
Fixed real-world issues like slow page transitions and blank states by improving data fetching, caching, and route handling.
Performance First Approach
Implemented lazy loading, pagination, debounced filters, and API caching to keep the experience fast even with large datasets.
⚙️ Tech Stack
Frontend
React (Vite)
Tailwind CSS
React Router
Context API
Backend
Django REST Framework
JWT Authentication
Database
MySQL
APIs
Unsplash API (images)
Weather API
🏗️ Architecture
The platform follows a clean API-driven architecture:
React frontend communicates with Django REST APIs
Backend handles authentication, business logic, and data processing
MySQL ensures structured and scalable data storage
🛠️ Challenges I Solved
Fixed slow routing and blank page issues between views
Ensured unique images per destination using API randomization + caching
Handled async image fetching without breaking UI
Migrated and managed structured data in MySQL
Built fallback systems to prevent UI breaks
💡 Why this project matters
Voyageur isn’t just a UI project — it demonstrates:
Real-world full-stack architecture
API integration at scale
Performance optimization strategies
Clean, maintainable code structure
Problem-solving under real development constraints.
0
37
Hosur All Property
0
0
Voyageur - Travel Planner
0
0
Orange Fashions Website
0
0