"Summer break is coming, I know I want to travel abroad to France, I know a couple really awesome cities I would like to visit, but what is the best way to get around? Should I go Paris -> Bordeaux -> Marseilles -> Paris? Maybe the other way around? I wish I could just visualize my trip on a map..."

What it does

TripPlanner lets you order and reorder points of interest, while showing you how the path will look like on a map.

How I built it

We used Meteor.js with Google Maps API to visualize the paths. In addition, in order to generate the initial path between all points of interest, Google's directions API has a function that returns the shortest path from point A to point B that visits n intermediate points, basically solving the traveling salesman problem for us.

Challenges I ran into

We ran into some CSS problems while attempting to incorporate draggable list items into our code. Google Maps API was pretty easy to use, but still gave us some problems.

Accomplishments that I'm proud of

Getting this done in a single hackathon.

What's next for TripPlanner

In the future, we will connect with some external APIs to allow users to book or browse hotels at their points of interest. Users will be able to save their paths and share with their friends on the site, making the site a social experience.

Share this project: