When we travel to a new location, it's useful to figure out where to go, what to eat, and draw out a travel itinerary. Ideally, our day trips are organized so all the places we are visiting are easily and efficiently accessible away from each other.

What is it

TravelPlanner is a web app that plans out your day trip itinerary for you. You start by answering a short survey about when you'd like to explore, what kind of activities/food you like, and whether you will be getting around by car, bike, public transportation, or on foot.

Then, it generates an efficient travel day plan of where to go and eat based on our preferences. For instance, if I write that I like outdoor activities, Japanese food, and museums, then TravelPlanner might create an itinerary of:

  1. Lunch at a ramen shop
  2. Snowboarding at Grouse Mountain
  3. Dinner at a sushi restaurant

It would choose a highly-rated ramen shop and sushi restaurant nearby the mountain too, making it easy for me to get around.

How we built it

We prototyped the UI in Figma, and translated it into HTML, CSS, and Javascript. The backend was built with Python, Flask, and the Yelp API.

Challenges we ran into

We spent a lot of time trying to figure out how to generate the best itinerary for a traveller. It was also sort of a traveling salesman problem, since we wanted to have the shortest trip possible between all our places to visit. However, we had to face constraints such as spacing out meals evenly.

Accomplishments that we're proud of

It's really pretty. The trip planning backend works well. We also had a chance to validate users, and get more insight into what our target audience would find valuable—these aspects were integrated into the project.

What we learned

HTML, CSS, User journey, UI design, everything, Javascript

What's next for Travel Planner

Support to find lodging. Planning multi-day trips. Group trips. A social feature where travellers can meet up if they happen to be planning similar itineraries

Built With

Share this project: