Home
Projects
Contact

Name My Jams

A Spotify playlist name generator.
[object Object]Visit website
NMJ featured image
RoleCo-creator — Product designer & Front-end developerTeamAlessandro Figo — Co-creator & developerTimelineMar 2023
Built With
ReactNextJSTailwindOpenAISpotify API
DescriptionA playlist name generator that creates catchy titles for Spotify playlists, built using OpenAI and Spotify API.

Say goodbye to boring playlist names!
Context
The idea of this app came up during one of my Spotify playlist curation sessions, where I’d group songs with similar vibes. Yet, every time, I struggle to come up with a title for it. It was also at the moment when the buzz about the OpenAI API was at a high. Everyone seemed to be building AI-driven apps. That's when it clicked – why not create a playlist generator using AI? It also felt like the perfect opportunity to experiment with the OpenAI API.
App Design
The main goal of the design was simplicity, visually and functionally. I also wanted to craft an aesthetically pleasing interface that incorporated a touch of retro style. This design was specifically tailored to resonate with our primary target audience: music-loving Gen-Zs who are active users of Spotify and social media platforms. I chose a plain white background to ensure a clean aesthetic and eliminate distractions. It's like a blank canvas that lets the users’ playlist content and generated playlist names pop.
App Demo.
Functionality-wise, the flow of the app is very straightforward. Upon opening the app, users are immediately greeted with an interface that prompts them to input their playlist link. Within seconds, they will receive 10 playlist name suggestions. If users are not satisfied with the suggestions, they can retry the name generation process as many times as they like, until they find the ideal name for their playlist. (but not ideal for my OpenAI bill 🥲)
How We Built It
  1. Curating Playlists: We started out by handpicking some cool playlists on Spotify with catchy names that we liked.
  2. Genre Dive: Then, we used a Python script (utilising the Spotify API) to figure out the genres of songs in each of these playlists. This gives a vibe-match between names and music types.
  3. Data + AI: This genre-name combo is our secret sauce. It is part of the base prompt we feed into our OpenAI GPT-3 model.
  4. User's Turn: When users input their playlist link, the app again taps into Spotify's API, this time extracting genres from user's playlist.
  5. Naming Time: With all this info, OpenAI's GPT-3 gets to work and whips up ten playlist names that should resonate with your music tastes.
Screenshots
Main Page
Main Page.
Loading Page
Loading State.
Results Page
Results.
Invalid Link
Error Toast. It appears when the OpenAI API call fails or if the result fails to be generated.
Closing Thoughts
Although this was a simple and short project, we really had fun building it. Go check it out at namemyjams.com and play around with it! Any feedback or suggestions are welcome :)