Command Palette

Search for a command to run...

Spotify 2.0

Spotify 2.0

A modern and responsive web client for spotify with real time updates and sync with spotify clients.

#spotify-web-sdk#rest#oauth

About the Project

The Spotify Clone is a modern music streaming web app built with Next.js, React, and Tailwind CSS, leveraging the Spotify API for real-time data synchronization. It features authentication via Spotify, allowing users to access their playlists, top artists, top tracks, saved songs, and recently played tracks. With a responsive dark-mode UI, users can search for songs, artists, albums, and playlists while enjoying seamless playback with shuffle, repeat, and track control functionalities. The app ensures smooth performance with Recoil for state management and NextAuth for authentication, providing a near-native Spotify experience directly in the browser.

Project Details

Date

July 23, 2023

Links

Technologies

spotifytailwindcssradixuireacttypescript

Key Features

  • Authentication/Signup using Spotify OAuth.
  • Search for tracks, artists, albums and playlists.
  • Real time sync with Spotify client.
  • Modern UI/UX, responsive design made with mobile screens in mind.
  • Play/Pause/Next/Previous track, shuffle/repeat track.
  • Playlists/Albums/Artists/Tracks page.

Screenshots