Ride Sharing Website

index (first page)
Manage vehicle
Login page
Offer ride page
History page
ride details
Profile
Find ride
home Page
Notifications

Inspiration

The idea for this ride-sharing platform came from the everyday struggles students face when traveling from university to back home and so on, with limited or expensive transportation options. We wanted to create an affordable, convenient, and community-driven solution that allows students to share rides safely and efficiently. By using technology, we aimed to reduce travel costs, promote eco-friendly transportation, and make daily travel more accessible for everyone.

What it does

The website is fully operational and can be used by students for carpooling. It includes core functionalities such as:

Offer a Ride – Users can create and offer rides. Find a Ride – Passengers can search for available rides. Manage Rides – Users can oversee their ongoing rides. Ride History – A log of all created, joined, and canceled rides. Notifications – Alerts for ride cancellations or when a passenger leaves. Real-time Updates – Seat availability and ride notifications powered by WebSockets.

How we built it

Our team consisted of three members:

Varoon Kumar (UI Designer) – Designed the interface using Figma and Canva. Sunjay Kumar & Muhammad Sajid (MERN Stack Developers) – Developed the platform using Express.js, Node.js, and MongoDB.

After finalizing the UI design, we focused on building a fully functional web application with all the necessary features.

Challenges we ran into

One of the major challenges was implementing WebSockets for real-time seat updates and notifications, as we had never used them outside of chat applications. Ensuring seamless synchronization across multiple users was another hurdle, but we successfully overcame it through extensive testing and optimization.

Accomplishments that we're proud of

We are proud of successfully building a fully functional ride-sharing platform from scratch, overcoming technical challenges, and learning new technologies along the way. The system is stable, efficient, and ready for real-world use.

What we learned

Before building this platform, we had limited knowledge of how carpooling applications operate. Throughout the development process, we gained a deep understanding of their working model and how to structure our own version effectively. On the technical side, we had minimal experience with WebSockets outside of chat applications. This project provided our first real-world experience implementing WebSockets beyond messaging functionality.

What's next for Ride Sharing Website

We plan to develop a mobile app for both iOS and Android to enhance accessibility and user experience. Additionally, we aim to introduce a feature where drivers must approve passengers before they can join a ride, adding an extra layer of security and control.

Built With

Submitted to

Hack for Humanity | 2025
- Winner Public voting winner
- Winner 14th - 42rd
- Winner Participation

Created by

I worked on both the frontend and backend, but my primary focus was on backend development and database management using Node.js, Express.js, and MongoDB. I handled API development, database structuring, and real-time functionality using WebSockets.

Sunjay Kumar
I contributed to both frontend and backend development, but I mainly focused on the frontend, implementing the UI using Tailwind CSS. I ensured that the design was responsive, user-friendly, and closely matched the initial Figma design.

Sajid Rajput
I designed the entire UI of the project using Figma and Canva, ensuring a modern and user-friendly interface. Additionally, I created the submission video to effectively present our project.

Varoon Kumar