Self-drive-car-rentals: - Go live
Zoomcar, is an Indian self-drive car rental company, headquartered in Bangalore, India. The company was founded in 2013 by David Back and Greg Moran.The company operates in 45 cities across the country.
In this project we have cloned the Zoomcar website and given some of the functionality as it is present in the original website.
Client: CSS and HTML Server: Javascript, Express , Mongoose and EJS Database: MongoDB Atlas
- There is Landing page where users can select their city where user can begin thier journey.
- First you need to sign up.
- Then you need to Login.
- If you provide correct credentials you will be redirected to Landing Page Else you will be redirected to same Login Page.
- After that users can select their pickup point details and dropout details.
- Users can see variety of cars and can select which car they want to drive.
- Storing the users data in Mongo Atlas Database.
A Glimpse of our cloned website
- There is our Landing page where users can see all the features.
.png?raw=true)
.png)
.png)
.png)
2. Once users click on SignUp a popup will come for users signup where users will enter their mobile number , email id , name and password then hit on sign up.
.png?raw=true)
.png?raw=true)
3. Once user is signed, The user will be redirected to Login Page. There User need to provide theire email and password which they provideded during signup. After Successful authentication user will be redirected to Landing Page.
If you don't own any account ,User needs to click on "DON'T HAVE AN ACCOUNT" and user will be redirected to signup page.
.png?raw=true)
.png?raw=true)
4. This is page where users can select thier pickup and droupoff date and time, which is necessary for this website. Once users select thier pickup and dropout details, they will be redirect to the car page.
-
Choose pick up location and drop location
.png?raw=true)
-
Choose pick up Time and date
.png?raw=true)
-
Choose drop time and date
.png?raw=true)
5. This is the page where users can select car according to their choice. Here is functionality of sorting from High to Low and Low to high, Automatic or Manual, with or without fuel and Book their car.
-
Without Fuel
.png?raw=true)
-
With Fuel
.png?raw=true)
- Price Low to High
.png)
- Price Low to High
-
Price High to Low
-
Automatic
.png?raw=true)
-
Manual
.png?raw=true)
- In this page users will get facility to apply the promocode on the booking price .It will reduce the total payable price .It will redirect to the payment page.
- User Can refer to Offer page for exiciting offer
.png?raw=true)
.png)
-
Promo code applied
.png?raw=true)
7. In this page users can enter their card details like card number, expiry date and cvv. User need to click on Save for Crd verification. If verified user will get an alert for payment. Then User needs to click on PAY button for completing payment. Once Payment is done User will be redirected to Landing Page.
.png?raw=true)
.png?raw=true)
.png?raw=true)
.png?raw=true)
.png?raw=true)
.png?raw=true)
.png?raw=true)
.png?raw=true)
.png?raw=true)
.png?raw=true)
.png?raw=true)
.png?raw=true)
.png?raw=true)
Go Live
- Github: - @patelrohan224
- Github: - @priya31g
- Github - @shashank0194
- Github - @vishalpatil12014017