{"id":23738249,"url":"https://github.com/sabuj-chowdhury/carcloud-client","last_synced_at":"2026-04-07T08:01:38.903Z","repository":{"id":269530622,"uuid":"907683222","full_name":"Sabuj-Chowdhury/CarCloud-client","owner":"Sabuj-Chowdhury","description":"Car rental website, Where user can add cars,book cars, Modify booking details","archived":false,"fork":false,"pushed_at":"2025-02-12T13:46:19.000Z","size":7731,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-24T17:30:56.244Z","etag":null,"topics":["daisy-ui","express","firebase","javascript","jwt","mongodb","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://carcloud-7bc2a.web.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Sabuj-Chowdhury.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-12-24T06:28:06.000Z","updated_at":"2025-02-12T13:46:22.000Z","dependencies_parsed_at":"2025-01-08T09:30:39.374Z","dependency_job_id":"597f4ed8-58c0-4c69-9fac-11c3149f564e","html_url":"https://github.com/Sabuj-Chowdhury/CarCloud-client","commit_stats":null,"previous_names":["sabuj-chowdhury/carcloud-client"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Sabuj-Chowdhury/CarCloud-client","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sabuj-Chowdhury%2FCarCloud-client","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sabuj-Chowdhury%2FCarCloud-client/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sabuj-Chowdhury%2FCarCloud-client/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sabuj-Chowdhury%2FCarCloud-client/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sabuj-Chowdhury","download_url":"https://codeload.github.com/Sabuj-Chowdhury/CarCloud-client/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sabuj-Chowdhury%2FCarCloud-client/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31504897,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-07T03:10:19.677Z","status":"ssl_error","status_checked_at":"2026-04-07T03:10:13.982Z","response_time":105,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["daisy-ui","express","firebase","javascript","jwt","mongodb","react","tailwindcss"],"created_at":"2024-12-31T08:53:25.640Z","updated_at":"2026-04-07T08:01:38.885Z","avatar_url":"https://github.com/Sabuj-Chowdhury.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚗 Car Rental System\n\nA feature-rich platform designed to revolutionize car rentals with seamless booking, efficient car management, and user-friendly navigation. This project combines cutting-edge frontend and backend technologies to deliver an optimal experience for users and administrators.\n\n---\n\n## 🌐 Live URL\n\n🔗 [Live Website](https://carcloud-7bc2a.web.app/)\n\n---\n\n## 🎯 Project Overview\n\nThis Car Rental System enables users to:\n\n- Add, update, delete, and manage cars listed for rental.\n- Search, sort, and book cars based on availability and preferences.\n- View bookings with detailed summaries and modify or cancel reservations.\n\nThe platform offers secure authentication, responsive design, and robust backend functionalities to enhance the car rental experience.\n\n---\n\n## 📸 Screenshots\n\n### Homepage\n\n![Screenshot 1](./src/assets/scernshots/Screenshot%202025-01-08%20at%2014.03.54.png)\n\n### Available Cars Page\n\n![Screenshot 2](./src/assets/scernshots/Screenshot%202025-01-08%20at%2014.04.16.png)\n\n### Listed Cars Page\n\n![Screenshot 3](./src/assets/scernshots/Screenshot%202025-01-08%20at%2014.04.38.png)\n\n---\n\n## ✨ Features\n\n### General Features\n\n- **Responsive Design:** Fully optimized for mobile, tablet, and desktop devices.\n- **Search \u0026 Filter:** Search cars by model, brand, or location and sort by date or price.\n- **Real-Time Availability:** Seamlessly view and book available cars.\n- **Interactive UI:** Includes animated sections for a visually appealing experience.\n\n### User Functionalities\n\n- **Car Management:** Add, update, or delete cars with essential details.\n- **My Cars:** View, sort, and manage cars added by the user.\n- **My Bookings:** View all bookings with options to modify or cancel them.\n\n### Authentication\n\n- Firebase Email/Password \u0026 Google Sign-In.\n- Protected routes for private pages like \"Add Car,\" \"My Cars,\" and \"My Bookings.\"\n\n---\n\n## 🛠️ Technologies Used\n\n### Frontend\n\n- **React.js**: Component-based architecture for a dynamic UI.\n- **Tailwind CSS**: Modern styling with utility-first classes.\n- **Recharts**: Visual representation of booking statistics.\n\n### Backend\n\n- **Node.js** \u0026 **Express.js**: Scalable server-side logic.\n- **MongoDB**: NoSQL database for efficient data handling.\n- **Firebase Authentication**: Secure user authentication.\n\n### Additional Tools\n\n- **JWT**: Ensures secure API communication.\n- **Environment Variables**: Secure Firebase and database credentials.\n\n---\n\n## 🚀 Setup and Installation\n\n### Prerequisites\n\n- Node.js\n- MongoDB\n- Firebase Account\n\n### Dependencies\n\n```json\n{\n  \"axios\": \"^1.7.9\",\n  \"chart.js\": \"^4.4.7\",\n  \"date-fns\": \"^4.1.0\",\n  \"firebase\": \"^11.1.0\",\n  \"framer-motion\": \"^11.15.0\",\n  \"react\": \"^18.3.1\",\n  \"react-chartjs-2\": \"^5.2.0\",\n  \"react-datepicker\": \"^7.5.0\",\n  \"react-dom\": \"^18.3.1\",\n  \"react-hot-toast\": \"^2.4.1\",\n  \"react-icons\": \"^5.4.0\",\n  \"react-router-dom\": \"^7.1.1\",\n  \"sweetalert2\": \"^11.15.3\"\n}\n```\n\n### Environment Variables\n\nThis project requires certain environment variables to be set in a `.env.local` file. Below is an example template:\n\n```plaintext\n# Firebase configuration\nVITE_apiKey=YOUR_API_KEY\nVITE_authDomain=YOUR_AUTH_DOMAIN\nVITE_projectId=YOUR_PROJECT_ID\nVITE_storageBucket=YOUR_STORAGE_BUCKET\nVITE_messagingSenderId=YOUR_MESSAGING_SENDER_ID\nVITE_appId=YOUR_APP_ID\n\nVITE_URL=YOUR_APPLICATION_URL\n```\n\n### Steps\n\n1. Clone the repository:\n\n   ```bash\n   git clone https://github.com/YourUsername/CarCloud_Client.git\n   cd CarCloud_Client\n   ```\n\n2. Install dependencies:\n\n   ```bash\n   npm install\n   ```\n\n3. Start the development server:\n\n   ```bash\n   npm run dev\n   ```\n\n4. Run the backend server:\n\n   ```bash\n   node index.js\n   ```\n\n---\n\n## 🗂️ Server Setup Instructions\n\n### 1. Clone the Repository\n\n```bash\ngit clone https://github.com/Sabuj-Chowdhury/CarCloud_Server.git\ncd CarCloud_Server\n```\n\n### 2. Install Dependencies\n\nInstall the required dependencies by running:\n\n```bash\nnpm install\n```\n\n### 3. Set Up Environment Variables\n\nCreate a `.env` file in the root of the project and add the following variables:\n\n```plaintext\nDB_USER=YOUR_DB_USER\nDB_PASS=YOUR_DB_PASS\nACCESS_TOKEN=YOUR_ACCESS_TOKEN\n```\n\nReplace `YOUR_DB_USER`, `YOUR_DB_PASS`, and `YOUR_ACCESS_TOKEN` with appropriate values.\n\n### 4. Run the Server\n\nStart the server by running:\n\n```bash\nnpm start\n```\n\n---\n\n## 🗂️ Key Pages \u0026 Functionalities\n\n- **Home Page:**\n\n  - Banner with motivational heading and \"View Available Cars\" button.\n  - Highlights like \"Why Choose Us?\" and \"Special Offers.\"\n  - Recent car listings with hover effects.\n\n- **Available Cars:**\n\n  - Grid and list views with search and sorting options.\n  - \"Book Now\" buttons for each car card.\n\n- **My Cars (Private):**\n\n  - Manage added cars in a table with update and delete options.\n  - Real-time updates on actions.\n\n- **My Bookings (Private):**\n  - View bookings in a responsive table with details like price, date, and status.\n  - Modify or cancel bookings with confirmation modals.\n\n---\n\n## 📦 Deployment\n\n- **Firebase:** Deployed frontend for production.\n- **Vercel:** Backend deployment for seamless API communication.\n- **Security:** Secured environment variables and configurations.\n\n---\n\n## 🙌 Acknowledgments\n\nThis project was developed as part of an assignment to assess technical and problem-solving skills. Special thanks to reviewers for their guidance and feedback.\n\n---\n\nFeel free to reach out with feedback or suggestions! 🚀\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsabuj-chowdhury%2Fcarcloud-client","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsabuj-chowdhury%2Fcarcloud-client","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsabuj-chowdhury%2Fcarcloud-client/lists"}