Pantry

Pantry

Responsive web app that uses Spotify's API and Supabase to display and organize public playlists.

Responsive web app that uses Spotify's API and Supabase to display and organize public playlists.

Responsive web app that uses Spotify's API and Supabase to display and organize public playlists.

Goals

Goals

I had an idea to make a website to showcase this friend's playlists and call it The Pantry, in hopes of making it easier to share the 100+ playlists they’ve created.

I had an idea to make a website to showcase this friend's playlists and call it The Pantry, in hopes of making it easier to share the 100+ playlists they’ve created.

I had an idea to make a website to showcase this friend's playlists and call it The Pantry, in hopes of making it easier to share the 100+ playlists they’ve created.

Build Out

I knew I wanted the following:


  • A Visual First UI to showcase the cover art for the playlist.

  • An embedded Spotify player on the website.

  • A way to filter the playlist.

  • Spotify API access to pull playlist data

  • And a responsive website of course

Build Out

Build Out

I knew I wanted the following:


  • A Visual First UI to showcase the cover art for the playlist.

  • An embedded Spotify player on the website.

  • A way to filter the playlist.

  • Spotify API access to pull playlist data

  • And a responsive website of course

Carousel View

Carousel View

Photo
Photo

Embedded Web Player

Embedded Web Player

Photo

List View

List View

Photo