JO.Car 🚗✨

Welcome to JO.Car !!!

JO.Car is a feature-rich and user-centric car rental platform that allows users to seamlessly book, manage, and review cars. With a focus on real-time updates and an intuitive interface, JO.Car simplifies the car rental experience for both customers and service providers.

🚀 Live site URL:

• https://assignment-11-360e6.web.app/
• https://assignment-11-360e6.firebaseapp.com/

🛠️ Technologies Used:

JO.Car is built with modern React-based technologies:

• Frontend: React, React Router, React Icons.
• State Management: LocalForage.
• Authentication: Firebase (Email/Password, JWT Authentication).
• Styling: Tailwind CSS, DaisyUI.
• UI Enhancements: Framer Motion, Lottie React
• Data Visualization: Recharts
• Alerts & Notifications: React Toastify, SweetAlert2

🚀 Core Features:

✔ Car Management - Add, update, and delete cars listed for rental.
✔ Booking System - Search and book cars based on availability.
✔ User Reviews - Leave reviews for cars post-rental to build community trust.
✔ Real-time Updates - Instant status updates on car availability and bookings.
✔ Authentication - Secure login & registration with Firebase & JWT.
✔ Responsive Design - Fully optimized for desktop, tablet, and mobile devices.

📦 Dependencies:

Here are the key dependencies used in this project::

🔹 Frontend Libraries:

• "react": "^18.3.1",
• "react-dom": "^18.3.1",
• "react-router-dom": "^7.1.0",
• "react-icons": "^5.4.0",
• "react-toastify": "^11.0.2",
• "react-datepicker": "^7.5.0",
• "react-dropzone": "^14.3.5",
• "framer-motion": "^11.15.0"

🔹 Authentication & Storage:

• "firebase": "^11.1.0",
• "localforage": "^1.10.0"

🔹 Utilities & Sorting:

• "axios": "^1.7.9",
• "match-sorter": "^8.0.0",
• "sort-by": "^1.2.0"

🔹 Styling & Animations:

• "tailwindcss": "^3.4.17",
• "daisyui": "^4.12.22",
• "lottie-react": "^2.4.0",
• "sweetalert2": "^11.15.3"

🔹 Data Visualization:

• "recharts": "^2.15.0"

🛠️ Setup & Installation:

Follow these steps to run the project locally:

1️⃣ Clone the Repository:

git clone https://github.com/Motiur-Rahman-Dhrubo/Assignment-11-client
cd Assignment-11-client

2️⃣ Install Dependencies:

npm install

3️⃣ Setup Firebase:

• Create a Firebase project on Firebase Console.
• Enable Authentication (Email/Google).
• Copy your Firebase config and create a .env file:

VITE_apiKey=AIzaSyCV69JHKHVVKK_AWY_SdpMawk8cIaoi0aQ
VITE_authDomain=assignment-11-360e6.firebaseapp.com
VITE_projectId=assignment-11-360e6
VITE_storageBucket=assignment-11-360e6.firebasestorage.app
VITE_messagingSenderId=112471139488
VITE_appId=1:112471139488:web:1d7414a047180e2df155c5

4️⃣ Run the Development Server"

npm run dev

This will start the project at http://localhost:5173/

🔗 Resources & Links:

• 🌐 Live Site: JO.Car
• 📘 Firebase Docs: Firebase Documentation
• 🎨 Tailwind CSS: Tailwind Docs
• 🔥 React Router: React Router Docs