A modern, production-grade travel booking system built with React + Vite + TailwindCSS on the frontend and Django REST Framework on the backend.
AirBooking is a full-stack travel booking application designed to showcase real-world engineering skills including:
- Frontend UI/UX engineering
- Backend API architecture
- Database design
- State management
- Authentication
- Search & filtering logic
- Reusable component-driven development
- Integration between React and Django REST
This project mimics modern travel platforms (like Booking.com, MakeMyTrip) but simplified into a clean and efficient structure.
- Project Summary
- Features
- Tech Stack & Keywords
- Project Structure
- Components Overview
- Pages & Routing
- Backend Walkthrough
- How to Run
- Code Examples
- Conclusion
AirBooking is a responsive, mobile-first travel booking platform providing:
- Flight search
- Hotel search
- Results rendering
- Booking flow
- My Trips section
- Admin panel ( Django )
Built using industry-standard architecture, it demonstrates capability in:
- Component reusability
- Clean code structure
- API consumption
- State management with React Context
- Third-party libraries (Swiper, Lucide Icons, Datepicker)
- Tailwind utility-first styling
This project serves as both a portfolio showcase and a learning reference for scalable React + Django projects.
Clean visual previews of the key pages
# 🏗️ Architecture Diagram
React (Vite)
│
├── Components
├── Context (State)
├── Pages
└── Services (Axios API)
│
▼
Django REST Framework
│
├── Models
├── Serializers
└── Endpoints
│
▼
PostgreSQL / SQLite