Journalify

Inspiration

We were inspired by LLM models and how they provide suggestions to their users. We wanted to provide a more tailored experience while integrating Spotify, a widely used music streaming service for a more interactive suggestion.

What it does

Journalify is a personal journaling web app in which the user may freely jolt down their thoughts. In contrast to similar apps, our app is also equipped with a Get From Spotify AI-powered button which recommends a song(s) based on the journal entry's mood.

How we built it

• Frontend: Vue with Quasar + Tailwind + Pinia
• Backend: Node.js with Express
• APIs: OpenAI API, Spotify API

Challenges we ran into

• Wasting a ridiculous amount of time on trying to reach a deprecated endpoint (haha).
• Implementing Spotify login
• Getting the song recommendation to work for multiple songs
• Working with the Spotify iframe

Accomplishments that we're proud of

• Speed of development
• Clean UI design and color palette

What we learned

• Learned how to better structure frontend layouts and general Vue/Quasar knowledge

What's next for Journalify

• Make a mobile experience
• Host it
• Persist data
• Add weekly/monthly/yearly wrap-ups

Built With

• express.js
• node.js
• openai
• pinia
• quasar
• spotify
• tailwind
• vue