Skip to content
Menu

Published

Bridging the Gap Between Code and Cadence: My New Spotify Integration

By

As developers, we often spend our days immersed in logic, syntax, and debugging. But if you were to step into my office (or peer into my headphones), you’d find a completely different world. For me, music isn’t just background noise; it’s the fuel for my creativity.

I’ve always believed that a portfolio should be more than a dry list of tech stacks and GitHub repositories. It should be a reflection of the person behind the screen. That’s why I’m thrilled to unveil the latest feature on my site: My Spotify Track.

More Than Just a Playlist

Located at frdyrkuu.dev/music, this new section is a live window into my musical DNA. Using the Spotify API, I’ve built a dynamic interface that showcases the artists who soundtrack my life—from the haunting melodies of Lorde and Billie Eilish to the timeless pop perfection of ABBA.

The Deep Dive: Single Artist Pages

I didn’t want to just list names. I wanted to create an immersive experience.

When you explore the music section, you can click into dedicated artist pages. Here, the UI shifts to highlight the essence of that performer. You’ll find:

  • Real-time Stats: Live follower counts to show the scale of their impact.
  • The Discography: A curated look at their most popular tracks and iconic album art.
  • Interactive Previews: You can actually listen to snippets of their popular tracks directly within the portfolio.

The Tech Behind the Tempo

Building this was a fun challenge in data fetching and UI design. I wanted the transition from my “Projects” page to my “Music” page to feel seamless yet distinct. Handling the API responses to display high-quality imagery while maintaining fast load times was a priority, ensuring that the “vibe” is felt the moment the page loads.

Why Music?

People often ask why I’d dedicate a whole section of a professional portfolio to music. The answer is simple: Connection. When you see that I’ve been looping Voulez-Vous by ABBA or diving into SZA’s latest, we have a starting point for a conversation that goes beyond “What framework did you use for this?” It humanizes the digital space.

So, next time you’re browsing my work, head over to the Music section. Put your headphones on, preview a few tracks, and see what’s been playing in my world while I’ve been building yours.