A feature-rich, user-friendly Car Rental Platform built using modern frontend technologies. Users can explore, add, book, and manage cars for rent with real-time updates and responsive design.
This project is part of an assignment to evaluate the ability to create a full-featured Car Rental Web Application using React, focusing on:
- Real-world CRUD operations
- JWT/Firebase authentication
- UI/UX best practices
- Filtering, searching, sorting
- Protected routing and state persistence
| Tech | Purpose |
|---|---|
| React | Frontend UI Framework |
| React Router | SPA Routing |
| Firebase Auth | Authentication with Email/Google |
| Tailwind CSS | Utility-first CSS Framework |
| DaisyUI | Prebuilt Tailwind UI components |
| Axios | HTTP requests to the backend API |
| React Toastify | Toast Notifications |
| SweetAlert2 | Confirmation Modals |
| React Icons | Icon Library |
| Date-fns | Date Formatting & Parsing |
| Swiper | Carousel/Slider for cars & banners |
| React Spinners | Loading Indicators |
| React Modal | Custom modal windows |
- Email/Password login
- Google social login
- Firebase-based authentication with route protection
- Add, update, and delete cars (for authenticated users)
- Real-time display of availability and booking count
- Upload car details with image, location, and price
- Users can book cars
- See a list of their bookings
- Modify or cancel bookings
- Charts based on pricing (using Recharts – optional)
- Filter cars by price, availability, and date
- Search cars by name or location
- Toggle between grid and list view
- Mobile-first design
- Tailored layouts for mobile, tablet, and desktop
- Private routes with session persistence
- Navigation menu adjusts based on login status
- Clone the project
git clone https://github.com/FajlaRabby24/car-rental-client.gitCreate a .env file and add the following Firebase keys:
VITE_apiKey=your_api_key
VITE_authDomain=your_auth_domain
VITE_projectId=your_project_id
VITE_storageBucket=your_storage_bucket
VITE_messagingSenderId=your_sender_id
VITE_appId=your_app_id
VITE_root_api_url=server-site-link