ROADROVER

Take a break throughout your stressful day by exploring the Bay! Whether you are in school, college, or at work, everyone deserves to go on new adventures and spend time with their friends and family.

Comment

Inspiration

The inspiration behind ROADROVER stems from the recognition of the stress and challenges faced by individuals, particularly students and working adults, in planning trips during breaks. The fast-paced nature of work environments, especially in cities like San Francisco, often leaves little time for individuals to efficiently plan and execute a trip to meet friends and family. ROADROVER aims to alleviate this stress by providing a user-friendly trip planner that streamlines the process and allows users to maximize their time spent with loved ones.

What it does

ROADROVER is a trip planner designed to assist students and adults in efficiently planning breaks to meet friends and family. Users input their initial and final destinations, specify when they want to start their trip (after a certain number of minutes) and submit the information. The product then calculates the total time required to travel to the destination, providing latitude and longitude coordinates and the distance in meters. Currently focused on the San Francisco Bay area, ROADROVER aims to cater to the needs of individuals with 9-5 jobs and a demanding work environment.

How we built it

The development of ROADROVER involved the use of Vue.js for the first time, posing challenges in integrating APIs and ensuring the seamless transition of information from the user input to the final rendered page. The team encountered difficulties with API integration and establishing proper references for the submit button to navigate to a second page while rendering the relevant information.

Challenges we ran into

The primary challenges faced during the development of ROADROVER included:

  1. API Integration: Integrating APIs for the first time presented a learning curve for the team.
  2. Submit Button and Page Transition: Creating a submit button that accurately referenced a second page and ensuring the smooth rendering of information on that page posed challenges.
  3. Vue.js Implementation: Utilizing Vue.js for the first time required the team to adapt and overcome obstacles in the development process. ## Accomplishments that we're proud of Despite the challenges encountered, the team successfully developed ROADROVER, a functional trip planner aimed at easing the burden of planning breaks for busy individuals. Key accomplishments include:
  4. User-Friendly Interface: Creating a user-friendly interface that allows users to input information easily.
  5. Efficient Trip Planning: Implementing a system that calculates total travel time, provides location coordinates, and indicates distance in meters.
  6. Focus on the San Francisco Bay Area: Tailoring the product to address the specific needs of individuals in the San Francisco Bay Area with hectic work schedules. ## What we learned The development of ROADROVER provided the team with valuable learning experiences, including:
  7. API Integration Skills: Gaining proficiency in integrating APIs into a web application.
  8. Vue.js Implementation: Acquiring knowledge and skills in using Vue.js for web development.
  9. Problem-Solving: Overcoming challenges related to page transitions, button functionality, and rendering data on a second page. ## What's next for ROADROVER The future roadmap for ROADROVER includes:
  10. Expansion to Other Cities in the Bay Area: Extending the service to cover other parts of the Bay Area to cater to a broader audience.
  11. User Feedback and Iteration: Gathering user feedback to make improvements and enhance the user experience.
  12. Advanced Features: Incorporating additional features such as real-time traffic updates, alternate routes, and personalized recommendations for breaks and destinations.

Built With

Share this project:

Updates