This project is a complete clone UI of the Zoomcar website with the functionalities of booking a car. We used Database using Mongo Atlas to save user data, booking data,cars data, payment data, etc.
- Clone the repo into the local machine.
- https://github.com/Pulkit0111/project_zoomcar
- To start the server:
- cd backend
- Execute the command npm run server in the terminal
- To execute the client:
- cd frontend
- Execute the Homepage-main.html file in the browser, and enjoy the process of booking a car using our website
- HTML
- CSS
- JS DOM
- NodeJS
- Express
- Mongoose
- Mongo DB Cluster using Mongo Atlas
- Font awesome
- Google fonts
- Google Icons
- Flaticon
- Landing Page
- City Selection Page
- Offers Page
- Pick-up Point Selection Page
- Pick-up Date Selection Page
- Drop Date Selection Page
- Cars Availability, and Selection Page
- Checkout Page
- Payment Page
- Responsiveness in landing page
- Implemented search functionalities in city selection page
- Added Signup and Login functionalities/validations
- Added Pick-up location and Date/Time selection functionalities
- Available cars viewing, and selection functionalites
- Sorting functionality according to Price
- Filter cars according to our choices
- Functionality to book a car
- Functionality to make a payment
- Added booking success display functionality
- Implemented all the above said functionalities using Databases, and enhanced dynamic flow of all data
Blog - Cloning zoomcar.com in a span of 5 days with HTML5, CSS3, JS and MongoDB
To watch a live demo of booking a car, please try this video.