• A redesigned Spotify experience with SSO authentication that fetches your playlists from your real Spotify account. From playing playlists and tweaking volume levels to skipping to next or previous tracks, choosing a track, and controlling music playback.
- Next.js, Official Spotify API, Recoil, NextAuth.js, OAuth & JWT.
• Fetching Spotify playlists, controlling music playback with the Spotify API, and debouncing requests.
• Intuitive, clean design system.
• User authentication with Real Spotify and Next-Auth to persist user's logged-in state, using Access & Refresh OAuth JWT and Next.js 12 Middleware.
• Framer Motion for clean animations.
• Shots of my Own Design of Spotify 2.0:
• Website Note: Spotify's API guidelines allow only one linked account at a time. I can switch to another Premium Spotify account, granting it access to my app while revoking access for my original account. This measure was put in place by spotify to prevent developers from creating harmful competition to their product using their own API.