About UrbanDrive Car Rentals

What is UrbanDrive?

UrbanDrive Car Rentals is a concept web application that allows users to book cars online for their trips. Users can browse different cars, compare prices and choose the perfect vehicle for family trips, outstation travel or daily city rides.

This project is built as a realistic car rental system for learning, portfolio and viva purpose. It shows how an online platform can manage trip-based car bookings with a clean, modern user interface.

Key Use Cases

• Book a car online for a weekend trip with friends.
• Plan a family tour and select a comfortable 7-seater.
• Take a sedan or hatchback for office or city travel.
• Choose cars based on budget, fuel type and transmission.

How Online Booking Works

1. Browse the fleet: View all available cars with details like seats, fuel and price.
2. Select trip details: Choose trip start date, end date and time.
3. Fill booking form: Enter basic information and confirm the car.
4. Trip ready: Car is reserved for your selected trip duration (conceptual flow).

The project demonstrates a complete flow from browsing cars to booking them for trips, similar to real-world self-drive car rental platforms.

App-Style Features

• Online car listing for trip bookings.
• Filters for fuel type, transmission, seats and price.
• Favourites system so users can save preferred cars.
• Booking page with trip date & time selection.
• Dark / Light theme toggle with saved preference.
• Responsive design – works on mobile, tablet and desktop.

---

Technology Used (Project Stack)

• HTML5 – multi-page structure (Home, Fleet, Booking, About, Contact).
• CSS3 – custom theming, glassmorphism cards, layout styling.
• JavaScript – car data, client-side filters, favourites, booking query params.
• Bootstrap 5 – grid system, navbar, responsive utilities.
• LocalStorage – storing favourites and theme mode.

This project is ideal for viva, resume and interview discussions to explain web development skills and trip-based booking logic.