Skip to content

Yet another Spotify Client but this time built with react-query, zustand and tailwind css :)

Notifications You must be signed in to change notification settings

rohitpotato/spotify-redone-react

Repository files navigation

Spotify Redone 🎵🎉

A spotify client built with react-query, zustand and tailwindcss 🔥 <3

Features Include

  1. Playback Queue
  2. Dark Mode
  3. Search for your favorite tracks, artists, albums and playlists
  4. Browse through categories, playlists, artists and albums.
  5. Follow/Unfollow Playlists and Artists
  6. Localstorage persistence saves your volume and theme
  7. Infinite Scrolling
  8. And a few more..

Steps to install

  1. Get your CLIENT_ID from spotify developer console.

  2. Paste the CLIENT_ID inside src/constants/index.js

    Example:

    const apiCredentials = {
    CLIENT_ID: "YOUR_CLIENT_ID",
    REDIRECT_URL: "http://localhost:3000/callback",
    SCOPES: [
    "user-library-read",
    "streaming",
    "user-top-read",
    "user-read-private",
    "user-read-recently-played",
    "playlist-read-private",
    "playlist-modify-public",
    "playlist-modify-private",
    ]}
    
    
  3. Run npm install to install all dependencies

  4. Run npm start to start the dev server.