https://github.com/pankajgusain/zylodrive

Zylodrive is a cutting-edge, MERN stack-based ride-sharing application designed to connect passengers with drivers seamlessly, similar to the functionality of Uber. Built with the powerful combination of MongoDB, Express.js, React, and Node.js, Zylodrive offers a highly interactive and responsive user experience across multiple platforms.
https://github.com/pankajgusain/zylodrive

css html5 javascript jsx mongodb mongoose nodejs react reactjs scss webpack

Last synced: 6 months ago
JSON representation

Zylodrive is a cutting-edge, MERN stack-based ride-sharing application designed to connect passengers with drivers seamlessly, similar to the functionality of Uber. Built with the powerful combination of MongoDB, Express.js, React, and Node.js, Zylodrive offers a highly interactive and responsive user experience across multiple platforms.

• Host: GitHub
• URL: https://github.com/pankajgusain/zylodrive
• Owner: PANKAJGUSAIN
• License: mit
• Created: 2024-11-30T10:08:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-08T16:15:05.000Z (over 1 year ago)
• Last Synced: 2025-04-01T09:08:06.152Z (over 1 year ago)
• Topics: css, html5, javascript, jsx, mongodb, mongoose, nodejs, react, reactjs, scss, webpack
• Language: JavaScript
• Homepage: https://pankajgusain.github.io/ZyloDrive/
• Size: 5.52 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# ZyloDrive 

 
  

Zylodrive is a cutting-edge, MERN stack-based ride-sharing application designed to connect passengers with drivers seamlessly, similar to the functionality of Uber. Built with the powerful combination of MongoDB, Express.js, React, and Node.js, Zylodrive offers a highly interactive and responsive user experience across multiple platforms.

## 🔐 Login/Signup Interface  

Here are some screenshots from the **Login/Signup** screens:

![Login Black Theme](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/loginBlack.png)  

*Login Screen - Black Theme*

![Login White Theme](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/loginWhite.png)  

*Login Screen - White Theme*

![User Signup](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/singup%20user%20page.png)  

*User Signup Screen*

![Captain Signup](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/captain%20signup%20page.png)  

*Captain Signup Screen - 1*

![Captain Signup - Step 2](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/captain%20singup%20page%202.png)  

*Captain Signup Screen - 2*

## 🚗 User Interface  

Here are some screenshots from the **User** side of the app:

![User Home](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/UserHomePage.png)  

*User Home Screen*

![Set Pickup & Destination](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/setuppickupanddestination.png)  

*Setup Pickup & Destination*

![Confirm Ride](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/ConfirmRide.png)  

*Confirm Ride*

![User Ride Start](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/userridestart.png)  

*Ride Start Screen*

![User OTP Share](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/userOTPshare.png)  

*User OTP Share*

---

## 🚖 Captain Interface  

Here are some screenshots from the **Captain (Driver)** side of the app:

![Captain Home](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/CaptainHomePage.png)  

*Captain Home Page*

![Captain Ride Lookup](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/captainRideLookup.png)  

*Captain Ride Lookup*

![Captain Choose Ride](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/captainchooseride.png)  

*Captain Choose Ride*

![Captain OTP Request](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/captainrequestotptostart.png)  

*Captain OTP Request*

![Ride Completion](https://raw.githubusercontent.com/PANKAJGUSAIN/ZyloDrive/main/ZyloDrive%20Demo/agentridecompletion.png)  

*Ride Completion Screen*

---