One of the biggest inconveniences on campus is traveling. We wanted to create a platform that allows students to offer rides to other students and promotes socializing and making friends, therefore allowing for our community to thrive.

What it does

Our web application allows students to share upcoming car trips publicly. Students would be able to see the trip details along with the shortest possible route starting from the meeting point to the destination, passing through every stop.

How we built it

We used Vue.js, a Javascript web framework. It was a nice framework that bridged the gap between a full on HTML/CSS/JS project to a more modern NodeJS project. We had a Firebase backend and utilized the Firebase Firestore for document based data and real time updates. For styling the website, we used Tailwindcss as it sped up our development process with pre-configured css classes. We also implemented the Google Maps functionality using Google Cloud Console APIs to show Maps, Routes, and Location Search.

Challenges we ran into

Learning Vue.js, javascript, and tailwind in a very short amount of time. Implementing Javascript for live updates, and ensuring that the formatting was perfect and did not inhibit/interrupt certain features of the program. We also encountered issues like Github merging errors, API fetching difficulties, and UX/UI design. And running to problem to pronounce the word "torquise".

Accomplishments that we're proud of

We finished the main components of the project with plenty of extra time. Learning about web development and frameworks for the first time Learned how to use version control software

What's next for JBS RideShare

We plan on implementing more security features like error handling and user management. We also plan on rewriting our project as the short timeframe of the hackathon resulted in us making shortcuts in our code. We still have many features we want to implement like notifications, direct messaging, and payments.

Built With

Share this project: