Spotify Community

eddy2rok

So, I made this album ranking page as a school project, and quite a few people enjoyed it so I think I'll expand this idea using Spotify's API. I am a near beginner coder, but I was just curious if the idea would work.

The first page will be a genre selection page, it shows a number of genres, right now, I only have 8, but possible to expand.
When the user selects a genre, fetch the 50 most streamed albums from the genre in Spotify and the user starts ranking the albums side by side. Two albums appear at a time, and it's a winner stays on type game.
After the selections, there will be an ending page that shows the album that the user picked. This is as far as I have thought of
Possible later expansions include the functionality to generate a playlist tailored to the user's taste based off of datasets like key, acousticness, energy, bpm etc and add it to the user's account.

Page 1. Code Sample

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>Welcome</h1>

<h2>Choose a genre</h2>

</div>

</div>

</div>

</div>

</div>

<p>Indie</p>

</div>

<p>Country</p>

</div>

<p>Electronic</p>

</div>

</div>

</body>

</html>

Page 2 Code Sample

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1>Choose your 🐐</h1>

<div class="album-title">Album Title</div>

<div class="artist-name">Artist name</div>

</div>

<div class="album-title">Album Title</div>

<div class="artist-name">Artist name</div>

</div>

</body>

</html>

Page 3 Code Sample

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h2>Would you like us to generate a playlist that suits your taste?</h2>

<div class="album-title">Album Title</div>

<div class="artist-name">Artist name</div>

</div>

<button id="new-tournament" class="button">Start New Tournament</button>

</body>

</html>

Ximzend

Hi @eddy2rok!

Thanks for posting in the Spotify Community, and Welcome!

Your project sounds fantastic, but it’s worth noting that Spotify has deprecated artist genres and audio features. This means you can’t directly fetch genre-based data or features like energy and acousticness unless you had a quota extension before November 27, 2024. You can read more about these changes at this page.

Also, Spotify doesn't allow you to mix content from other services. Given these limitations, I recommend going the full Last.fm route. Their API provides rich music data and is a great alternative for building your app. You can fetch top albums or artists by genre using endpoints like `tag.getTopAlbums` or `tag.getTopArtists`, which fits perfectly for your genre selection page and album-ranking game. Later, you could even integrate user-focused features like personal recommendations or recent scrobbles to tailor playlists and results.

Last.fm doesn’t handle streaming, but it gives you everything you need for displaying album info, covers, and rankings. Plus, it’s free for non-commercial use. You can explore the API by clicking here.

This approach avoids Spotify’s restrictions while still delivering a seamless and engaging experience. Best of luck with your project!

XimzendSpotify Star

Help others find this answer and click "Accept as Solution".

If you appreciate my answer, maybe give me a Like.

Note: I'm not a Spotify employee.

eddy2rok

Hello, @Ximzend, thank you for your reply.

I was able to make this project possible by making playlists of my own for the time being.

However, your insight is surely an avenue to which I can look for answers.

Thank you again for the detailed explanation.

Spotify Community

Help categories

Account & Payment

Using Spotify

Listen Everywhere

GOAT.com

GOAT.com

Suggested posts

Let's introduce ourselves!

Help Wizard

Step 1

Just quickly...

FAQs

Ongoing Issues

Help categories

Account & Payment

Using Spotify

Listen Everywhere

GOAT.com

GOAT.com

Suggested posts

Let's introduce ourselves!