Spotify Clone App ⚡

Tech Stack Used:

• React
• Next.js
• Next Auth
• Tailwind CSS
• Hero Icons
• Headless UI
• Spotify Developer API
• Recoil - State Management Library For React
• JWT OAuth Tokens
• Vercel

Demo

Note: You need to be a premium member to use all the functionalities in this demo. Checkout the demo here

Sign In with Spotify, Player Controls (Play, Pause, Track Progress Bar)

Expand

Player Controls (Volume Controls)

Expand

Player Controls (Skip to Next and Skip to Previous Track)

Expand

Home

Expand

Search

Search (Browse All Categories)

Expand

Search (Browse All Category Playlists)

Expand

Search By Artist Name

Expand

Search By Artist (Song Results, Top Songs Results)

Expand

Search By Artist (Playlists Results)

Expand

Search By Song Name or Podcast Name

Expand

Library

Library (Liked Songs, Saved Playlists)

Expand

Library (Recently Played Songs)

Expand

Liked Songs

Expand

Saved Playlists in the Sidebar

Expand

Artist Info

Expand

Artist Info (Popular Songs)

Expand

Artist Info (Discography)

Expand

Artist Info (Similar Artists / Fans Also Like)

Expand

Logout

Expand