Skip to content

Latest commit

 

History

History
127 lines (91 loc) · 3.49 KB

README.md

File metadata and controls

127 lines (91 loc) · 3.49 KB

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:

🛠️ 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: