{"id":25495883,"url":"https://github.com/tareqahmed2/driveease-client-side","last_synced_at":"2026-04-09T20:44:46.793Z","repository":{"id":271519614,"uuid":"912162749","full_name":"tareqahmed2/driveease-client-side","owner":"tareqahmed2","description":"It's a website here is lot of feature like user can add car ,book other car,they can modify the date can cel the booking and so on..","archived":false,"fork":false,"pushed_at":"2025-02-04T18:48:19.000Z","size":2123,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-04T19:39:33.440Z","etag":null,"topics":["daisyui","firebase","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://driveease1.netlify.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/tareqahmed2.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}},"created_at":"2025-01-04T19:24:55.000Z","updated_at":"2025-02-04T18:48:22.000Z","dependencies_parsed_at":null,"dependency_job_id":"dda39e4c-49ba-44bb-8edc-53bdaff2e2df","html_url":"https://github.com/tareqahmed2/driveease-client-side","commit_stats":null,"previous_names":["tareqahmed2/driveease","tareqahmed2/driveease-client-side"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tareqahmed2%2Fdriveease-client-side","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tareqahmed2%2Fdriveease-client-side/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tareqahmed2%2Fdriveease-client-side/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tareqahmed2%2Fdriveease-client-side/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tareqahmed2","download_url":"https://codeload.github.com/tareqahmed2/driveease-client-side/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239576808,"owners_count":19662112,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["daisyui","firebase","react","tailwindcss"],"created_at":"2025-02-19T00:40:25.643Z","updated_at":"2025-11-09T16:30:21.514Z","avatar_url":"https://github.com/tareqahmed2.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚗 Car Rental System\n\n**Live Link:** [Car Rental System](https://driveease1.netlify.app/)  \n**Client Repository:** [GitHub - Client](https://github.com/tareqahmed2/driveease)  \n**Server Repository:** [GitHub - Server](https://github.com/tareqahmed2/driveease-server-side)\n\n---\n\n![Homepage Screenshot](./src/assets/driveaseprofile.png)\n\n## Project Overview\n\nThe Car Rental System is a feature-rich, user-friendly platform designed to streamline car rentals for users. This system enables seamless car bookings, user authentication, and efficient management of car inventory.\n\n**Main Technologies Used:**\n\n- **Frontend:** HTML, CSS, JavaScript, React.js, Tailwind CSS\n- **Backend:** Node.js, Express.js, MongoDB\n- **Authentication:** Firebase Authentication, JWT\n- **Charting Library:** Recharts\n- **Deployment:** Vercel (Client), Render (Server)\n\n---\n\n## Key Features\n\n### User Features\n\n- **Car Management:** Users can add, update, and delete cars.\n- **Booking System:** Search and book cars based on availability.\n- **Real-time Updates:** Real-time booking status and availability updates.\n- **Responsive Design:** Fully responsive for mobile, tablet, and desktop.\n- **Sorting:** Sort cars by price or date added.\n- **Data Visualization:** View rental price trends on the \"My Bookings\" page using Recharts.\n- **Private Routes:** Secured pages like \"Add Car,\" \"My Cars,\" and \"My Bookings\" for authenticated users.\n\n### Admin Features\n\n- **JWT Authentication:** Secure authentication for private routes and API access.\n- **Server-side Pagination:** Efficiently manage large datasets on the \"My Cars\" page.\n- **Incremental Updates:** Track car bookings using MongoDB `$inc` operators.\n\n---\n\n## Pages and Functionalities\n\n1. **Home Page:**\n\n   - **Banner Section:** Eye-catching heading and call-to-action button.\n   - **Why Choose Us Section:** Highlights platform benefits with icons.\n   - **Recent Listings Section:** Displays latest car listings in a grid layout.\n   - **Special Offers Section:** Showcases deals with animations.\n\n2. **Available Cars Page:**\n\n   - Toggle between grid and list views.\n   - Search cars by model, brand, or location.\n   - Sorting by price or date added.\n   - \"Book Now\" button for quick booking.\n\n3. **Add Car Page (Private):**\n\n   - Add new cars with details like model, price, features, and availability.\n\n4. **My Cars Page (Private):**\n\n   - Manage added cars with sorting, updating, and deleting options.\n   - Real-time table updates after actions.\n\n5. **My Bookings Page (Private):**\n\n   - Tabular layout with details of all bookings.\n   - Modify booking dates or cancel bookings.\n   - Visualize daily rental prices using Recharts.\n\n6. **Authentication:**\n\n   - Login and Registration using Firebase and Google Sign-In.\n   - JWT for secured API access.\n\n7. **Error Page:**\n   - A custom 404 page with navigation back to Home.\n\n---\n\n## Dependencies\n\n### Frontend\n\n- **React.js:** Core frontend framework.\n- **Tailwind CSS:** Utility-first CSS framework.\n- **Recharts:** Data visualization library.\n- **React Router DOM:** Client-side routing.\n\n### Backend\n\n- **Node.js \u0026 Express.js:** Backend runtime and framework.\n- **MongoDB:** Database for storing data.\n- **Firebase Admin SDK:** Authentication handling.\n- **dotenv:** Environment variable management.\n\n---\n\n## How to Run Locally\n\n### Prerequisites\n\n- **Node.js** and **npm/yarn** installed.\n- **MongoDB** setup locally or via a cloud service.\n- Firebase project credentials.\n\n### Steps\n\n1. **Clone the repositories:**\n   ```bash\n   git clone https://github.com/tareqahmed2/driveease-server-side\n   git clone https://github.com/tareqahmed2/driveease-client-side\n   ```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftareqahmed2%2Fdriveease-client-side","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftareqahmed2%2Fdriveease-client-side","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftareqahmed2%2Fdriveease-client-side/lists"}