Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/motiur-rahman-dhrubo/assignment-11-client
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.
https://github.com/motiur-rahman-dhrubo/assignment-11-client
daisyui firebase framer-motion localforage lottie-react react react-icons react-router react-toastify recharts sweetalert2 tailwindcss
Last synced: 5 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/motiur-rahman-dhrubo/assignment-11-client
- Owner: Motiur-Rahman-Dhrubo
- Created: 2025-01-13T19:28:51.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-02-05T18:28:07.000Z (7 days ago)
- Last Synced: 2025-02-05T18:50:10.577Z (7 days ago)
- Topics: daisyui, firebase, framer-motion, localforage, lottie-react, react, react-icons, react-router, react-toastify, recharts, sweetalert2, tailwindcss
- Language: JavaScript
- Homepage: https://assignment-11-360e6.web.app/
- Size: 1.84 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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