A user-friendly car rental platform that allows users to post their cars for rent and book vehicles for travel. The system ensures secure booking, easy car management, and real-time updates.
🌐 Live Site: Car Rent Platform
✅ List Cars for Rent - Users can add cars for rent, which automatically update on the UI.
✅ Manage My Cars & My Bookings - Users can view and manage only their cars and bookings.
✅ Cancel Bookings - Users can cancel their bookings anytime.
✅ Availability Check - "Available Cars" page shows which cars are rentable, disabling booking for unavailable ones.
✅ Secure Booking - Ensures a safe rental experience for users.
✅ Search & Sorting - Find cars easily with filtering options.
- Clone the repository:
git clone https://github.com/ashraful2871/Car-rental-client.git cd car-rent-platform
Create a .env.local file in the root folder and add:
VITE_apiKey=ENTER_YOUR_API_KEY_HERE
VITE_authDomain=ENTER_YOUR_AUTH_DOMAIN_HERE
VITE_projectId=ENTER_YOUR_PROJECT_ID_HERE
VITE_storageBucket=ENTER_YOUR_STORAGE_BUCKET_HERE
VITE_messagingSenderId=ENTER_YOUR_MESSAGING_SENDER_ID_HERE
VITE_appId=ENTER_YOUR_APP_ID_HERE
VITE_API_URL=HERE_IS_YOUR_BACKEND_API_URL- Make sure you have Node.js installed.
- Install dependencies:
npm install
- Run the project locally:
npm run dev
- Open the local server link in your browser.
- Install Firebase CLI globally:
npm install -g firebase-tools
- Login to Firebase:
firebase login
- Initialize Firebase in the project:
firebase init
- Select Hosting and use an existing Firebase project.
- Set
dist(orbuild) as the public directory. - Configure as a single-page app (SPA).
- Deploy the project:
firebase deploy
- Copy the hosting URL provided in the terminal.
reactreact-router-domfirebaseaxiosrechartssweetalert2swiperframer-motionreact-hot-toast
viteeslinttailwindcssdaisyui
To install all dependencies:
npm install🚀 Happy Coding! 🚀