Journey Journal

Chat with an AI travel assistant and make your itinerary. Then, with our scrapbook feature, upload images to document your travels and write notes on post-its to share your journey with others.

Comment

Inspiration

When planning a trip, there are often two kinds of people: ones who prefer every detail planned out and those who just want to explore. We wanted to make a tool that is compatible with all kinds of people, giving users an itinerary but also freedom to explore the area on their own.

What it does

Journey Journal combines an AI assistant (powered by Groq) with a scrapbook, giving you a loose plan to follow and a way to document your travels. On our desk interface, you can select the laptop to chat with a specialized AI travel assistant who can give you information about your destination, popular sight seeing locations, and an itinerary. When directed to the scrapbook, a user can import the captions and descriptions from the generated itinerary and place their own pictures and comments below it! Select the pencil to generate the content from your assistant, pen to save any new input, and eraser to erase!

How we built it

We built this using Groq AI, HTML, CSS, Javascript, Vite, Node.js, and Git source control.

Challenges we ran into

We ran into a tough challenge trying to connect the backend to the frontend with only vanilla HTML, CSS, and JS, which required us to migrate our workspace to Vite.

Accomplishments that we're proud of

For the first time, we integrated AI into our project! Our assets were able to be completely drawn by hand, making a consistent style. We also substantially improved our HTML compared to our previous project as a group.

What we learned

We learned that things don't always go so smoothly and problems will arise even in places we least expect it. For that, it was trying to connect Groq AI with our website. Next time, to counteract this issue, we would test the connection beforehand and solve that issue first, which would have given us a lot more freedom on how to move forward with the project.

What's next for Journey Journal

We were unable to finish implementing animations and a proper sign-in method, so it will be completed after the hackathon. There are also lots of styling issues and screen size inconsistencies that we need some time to debug. We also plan to integrate databases to store all information, such as using S3.

Share this project:

Updates