Portfolio Case Study

Aadi Tour & Travel — A Booking-Ready Kashmir Travel Website

A full front-end experience plus a custom Firebase admin dashboard, built for a travel agency in Pampore, Jammu & Kashmir — so the owner can manage tours, bookings and enquiries without ever touching code.

7Pages Built
6Admin Modules
100%Mobile-First
Aadi Tour & Travel

Aadi Tour & Travel

Travel Agency · Pampore, J&K
Kashmir Tourism Travel Agency Firebase
📍 Pampore, Jammu & Kashmir
🌐 aaditourandtravel.com
🛠️ Built & maintained by Abrar Ali
Quick Answer

Aadi Tour & Travel is a Kashmir-based travel agency in Pampore, J&K. I designed and built their website — a booking-ready front end covering tours, honeymoon packages, car rentals and hotel booking enquiries — plus a private admin dashboard so the owner can manage tour packages, bookings, enquiries, gallery images, fleet vehicles and testimonials directly, backed by Firebase.

Quick Facts
ClientAadi Tour & Travel
IndustryTravel Agency / Tourism
LocationPampore, Jammu & Kashmir
ScopeWebsite + Admin Dashboard
BackendFirebase (Firestore + Auth)
RoleDesign, Development, SEO
The Brief

Challenge & Solution

What the agency needed, and how the build addressed it.

The Challenge

No website — enquiries relied entirely on word of mouth and phone calls.

No easy way to showcase tour packages, destinations or pricing to travellers.

No system to track bookings, enquiries or car-rental requests in one place.

Updating packages, photos or testimonials meant calling a developer every time.

The Solution

A fast, mobile-first site with a Dal-Lake-inspired hero, destination showcase and WhatsApp-first CTAs throughout.

Dedicated pages for Tours, Car Rentals, Gallery, About and a structured Book Now flow.

A private Firebase-powered admin dashboard covering bookings, enquiries and car bookings with search.

Full self-service CRUD for tour packages, gallery images, fleet vehicles and testimonials — no code required.

What Was Built — Front End

A Site Designed to Sell the Trip

Every section is built to move a visitor from browsing to a WhatsApp enquiry or booking.

Cinematic Hero

Full-screen Kashmir imagery with a slow zoom effect, animated trust stats and three clear calls to action.

Destinations Showcase

A tiled gallery of Srinagar, Gulmarg, Pahalgam and Sonmarg, each tagged with what makes it worth visiting.

Services Grid

Tours, honeymoon packages, taxi services, hotel booking and fully custom itineraries, each with its own entry point.

Rotating Testimonials

An auto-playing, swipeable testimonial carousel with star ratings to build trust with new visitors.

WhatsApp-First Enquiries

Floating WhatsApp button and pre-filled enquiry messages on every major call-to-action across the site.

Mobile-First & Fast

Built mobile-first with scroll-reveal animation, a lightweight loader and no heavy front-end framework.

What Was Built — Admin Dashboard

A Full Back Office, Without a CMS

A password-protected dashboard built on Firebase Firestore & Auth, so the owner runs the business content directly.

Tour Packages

Add, edit and reorder packages with image, category, duration and price — live on the site instantly.

Bookings

Searchable table of every booking — name, phone, package, travel date, party size and status.

Enquiries

All contact-form leads in one searchable view, with tour type, date and status tracking.

Car Bookings & Fleet

Manage the vehicle fleet and track taxi/car-rental requests by route and travel date.

Gallery Manager

Upload and reorder gallery images shown across the site without editing any code.

Testimonials

Add, approve or remove guest reviews that feed the homepage testimonial carousel.

Under the Hood

Tech Stack

Kept deliberately lightweight — no framework overhead, fast to load, easy to maintain.

Front End

HTML5 CSS3 Vanilla JavaScript Font Awesome Google Fonts

Backend & Integrations

Firebase Firestore Firebase Auth WhatsApp API Links
How I Worked

Build Process

1. Discovery

Understood the agency's services, routes and how travellers actually enquire.

2. Design

A visual identity that reads as premium and distinctly Kashmiri.

3. Build

Front end plus a Firebase schema for tours, bookings, enquiries, gallery, fleet and reviews.

4. Handover

Admin dashboard walkthrough so the owner can self-manage content going forward.

Explore More

Related Reading

View Full Portfolio → All Services → Heavenly Horizon Tours Case Study → Sunway Kashmir Case Study →
FAQ

Frequently Asked Questions

What is Aadi Tour & Travel?

Aadi Tour & Travel is a Kashmir-based travel agency in Pampore, J&K, offering tours, honeymoon packages, car rentals and hotel booking assistance.

What was built for Aadi Tour & Travel?

A booking-ready public website covering tours, car rentals, gallery and a Book Now flow, plus a private Firebase-backed admin dashboard for managing tour packages, gallery images, fleet vehicles, testimonials, bookings, enquiries and car bookings.

Why did this project need a custom admin dashboard instead of just a website?

A travel agency handling packages, bookings and enquiries needs a way to manage that data without editing website code every time. The dashboard lets the owner update packages, respond to enquiries and track bookings directly, with no developer involvement for routine updates.

What technology was used to build the admin dashboard?

The dashboard runs on Firebase Firestore and Firebase Auth, giving real-time data updates for bookings, enquiries, tour packages, gallery images and fleet vehicles, secured behind a login system.

Can a similar website and dashboard be built for another travel agency?

Yes. The same approach — a conversion-focused public website paired with a custom admin dashboard for packages, bookings and enquiries — can be built for any travel agency, tour operator or hotel that wants to manage its own content without depending on a developer for every update.

Want a Website Like This for Your Business?

Whether it's a hotel, resort, travel agency or houseboat — I build booking-ready sites with the same care, backed by an admin dashboard you actually control.

Discuss Your Project