Overview
What it is
Drivana is a practice project developed to explore and improve my web development skills. It is a car rental web interface where visitors can browse a vehicle catalogue, filter by car features, and navigate through a multi-step booking flow. The reservation screens collect dates and contact details and present a final summary. This project is built for learning and demonstration purposes only and is not a real car rental service.
Approach
How I built it
The interface uses Next.js and React. Vehicle data drives the catalogue, while client-side state keeps the booking steps and confirmation summary connected.
- 1
Find a vehicle
Add search and filters for category, transmission, fuel type, drivetrain, seats, doors, and luggage capacity.
- 2
Guide the booking
Split the reservation into steps for vehicle choice, rental dates, and contact details.
- 3
Review the selection
Show the chosen vehicle, rental period, and contact details together in a confirmation view.
Tech
What I used
- Next.js
- React
- JavaScript
- Tailwind CSS
- Motion
Gallery