JourneyGenie

With JourneyGenie we will help you create the perfect trip ✈️✨

Comment

JourneyGenie 🧞‍♂️

JourneyGenie is an application that will tell you the all the components you need for a PERFECT trip ✈️. The application is hosted on Vercel here.

Proudly build during TreasureHacks 3.0.

💡Inspiration

As avid travellers, we often travelled to a new places but had no idea about what the best places to go were. We wished for an easy way to be able to input our location and be returned with the best options.

With the focus of 'Life is a Game' theme in mind, we wanted to have a project that made a life activity (travelling) more efficient. When you travel to a new location you want to make the most of the trip by experience the best the travel has to offer.

❓What it does

At it's core, JourneyGenie allows users to put in their travel location (ex: Mexico), and then choose amongst 5 main options:

⚡️ The Best Places to Go

⚡️ The Best Things to Do

⚡️ The Best Travel Tips

⚡️ The Best Clothes to Bring

⚡️ The Best Times to Go

🏗️ How we built it

The frontend of our web application itself was built using Next.js, typescript, and chakraUI. When the user decides to input the location, the answers are same in local storage and sends the info to OpenAI to process the answer. The main backend is API calls to OpenAI. The end result uses Conversational AI to determine the optimal travel experience.

🚧 Challenges we ran into

The majority of the API calls to OpenAI were relatively unknown to us before. Additionally, inputting the final result into the 'Genie' textbox while removing the loading bars was a bit challenging. Lastly, We learned how to use local storage to save previous answers.

🥁 Accomplishments that we're proud of

We are incredibly proud of our extreme resilient commitment to the project throughout the 24 hour hackathon. We are quite happy with our front end design, and the 'Genie' user experience of the answer. Lastly, we're extremely content with the fact that we are able to successfully connect our frontend and backend together to effectively make API calls, completing the conversational AI process.

🙋‍♂️ What we learned

Our development in this hackathon was really learning-based. Things we learned include:

  • How to use OpenAI API calls inside a web application
  • How to Replit for code collaboration in a backend environment
  • How to configure Vercel to pass the app API key correctly
  • How to deploy and host APIs on any environment

🚀 What's next for JourneyGenie

Our future plans include implementing more widget optionality for each location inputted. In addition to our web app, we could also look into making a mobile app so that you can find optimal travel experiences on your phone as well. Lastly, could look into implementing a model that adjusts based on user interests and generates answers according to the user's personal likes and dislikes.

Build by Miguel, Matt, Rohan, and Charles

Built With

Share this project:

Updates