Cooked: Roasts you for your Playlist. banner

Cooked: Roasts you for your Playlist.

2 devlogs
3h 29m

To use the site, just copy a link to any public Spotify playlist and paste it into the search bar. If you want the roast in a specific language, use the menu in the top-left corner to switch settings before clicking “COOK ME.” The AI will then analyze your songs and give you a blunt verdict on your music taste. You can test it out using this demo playlist: https://open.spotify.com/playlist/4C9lfeVFBeoWwAXfhpiJpu?si=0585798b877e479f&nd=1&dlsi=1757b732c2ae404d. The live site is available at https://cooked-six.vercel.app/.

This project uses AI

I used Gemini for boilerplate code and also for a little Debugging.

Loading README...

proffessors2807

Shipped this project!

“Cooked” is a fun web app that uses AI to roast your Spotify music taste. [Paste Public Playlist Link] I wanted to build something that wasn’t just a boring data tool, so I made this to be a savage critic that tells you why your playlist is “mid” or “basic.” One of my favorite features is the Language Sidebar. I realized that a roast feels way more real when it uses local slang, so you can now get roasted in Hindi, Spanish, Punjabi, and more!
How to use it:
Copy a link to any public Spotify playlist. [Demo Link: https://open.spotify.com/playlist/4C9lfeVFBeoWwAXfhpiJpu?si=0585798b877e479f&nd=1&dlsi=1757b732c2ae404d] Feel free to use yours make sure public playlist
Open the sidebar and pick your language.
Paste the link and hit “COOK ME.”
Check it out and see if your taste is actually as good as you think: 👉 Demo: https://cooked-six.vercel.app/

proffessors2807

The Roast is Officially Live! 🚀
I finally hit a major milestone the backend is fully cooked and successfully talking to the frontend! Seeing the Spotify playlist data flow into the Groq AI and come back as a savage roast was such a proud moment for me. During testing, I realized that a standard English roast didn’t always hit the right spot, so I added a language sidebar. Now, getting roasted in your native slang makes the insults feel way more personal and hilarious.

Building this taught me so much about how APIs actually connect and why state management is so important in React. It wasn’t just about writing code; it was about understanding how different systems “talk” to each other to create a smooth experience. I’m feeling way more confident in my dev skills now!

Attachment
0
proffessors2807

I learnt about Spotify API through their Documentation which was very frustrating not gonna lie but I’m glad I was able to learn how to use it for this project. I just had to split the links text and use the text after playlist then send it via API to get songs of playlist. I also completed the FrontEnd with the help of Tailwind.

Attachment
0