Discograph

JUN 2021

A web-app to create a playlist of an artist's entire discography.

Project TeammatesN/A

My RoleFull stack developer

ContextPersonal project

Skills
  • Figma
  • UI/UX Design
  • Next.js
  • NextAuth
  • React
  • Vercel
Discograph

Disclaimer: I was not able to get permision from Spotify to make this a publicly available project. The app is functional but I have to manually give users permission to use the app by entering their account email on the Spotify dev portal.

I decided to make a project that incorporated my passion for music and my work in tech. The Spotify API seemed like an obvious choice, partially because I feel like Spotify is missing some relatively intuitive features, like the ability to create a playlist of an artist's entire discography. At the moment, users have to add each album to a playlist one-by-one - this is the problem my app solves.

I tend to focus more on front-end development, so working with the Spotify API taught me a lot about the back-end side of things. I had a particularly frustrating time with the authorization flows. But once I got over that hurdle the rest was pretty smooth-sailing, largely thanks to the spotify-web-api-node wrapper.

Process

  1. Spotify API authorization research and implementation. Included testing that it also works when deployed
  2. Building artist search functionality
  3. Building display of list of albums as a checkbox list
  4. Building playlist creation functionality
  5. Designing UI and building prototype
  6. Implementing front-end to match the prototype

get in touch

I can help you build your next website from scratch, or redesign what you already have. Reach out if you have a project in mind!

designed + coded with ♥ by Matias Huapaya