• Overview
• Built With
• Features
• Prerequisites
• Deploy
• Run Locally
• Contact

This project is a clone of the popular music streaming service Spotify. The goal of this project is to create a web application that can view and play your Playlists from Spotify and control the playback on Spotify. The project will consist of a homepage that shows your Playlists, and a Playlist page with the list of Tracks in it. Users can sign in with Spotify to facilitate the features.

Demo Link

• Next.js
• React.js
• Typescript
• Node.js
• Tailwind CSS
• NextAuth.js
• Recoil
• Spotify API

• Authentication using Spotify Account
• Homepage with your Playlists to choose from
• Playlist page with tracks from your playlist
• Full controls for playback including play, pause, volume controls, skip and rewind.
• Use the selected model to generate responses to the given prompts from OpenAI API

• Get your Spotify API key from here.
• Spotify Premium account - keep it logged in for the app to work
• Git - Download & Install Git for Windows users. (OSX and Linux machines has it preinstalled).
• Node.js - Download & Install Node.js.

Vercel Host your own live version of Chatbot UI with Vercel.

1. Clone Repo

2. Install Dependencies

npm i

3. Provide API Key Create a .env.local file in the root of the repo with your configuration and API Keys:

NEXTAUTH_URL=YOUR_DEPLOYMENT_URL
SPOTIFY_CLIENT_SECRET=YOUR_SPOTIFY_SECRET
SPOTIFY_CLIENT_ID=YOUR_SPOTIFY_ID
NEXTAUTH_SECRET=ANY_SECRET_KEY

4. Run App

npm run dev

5. Happy chatting You can now login using your Spotify account and start controlling your Spotify playback

If you have any questions, feel free to reach out to me on hareeshr.me