Spotify Clone

A clone of Spotify built using React, Next.js, Tailwind CSS and Spotify API.

Features

• [x] Authentication/Singup using Spotify.
• [x] Get user's playlists.
• [x] Get user's top artists.
• [x] Get user's top tracks.
• [x] Get user's recently played tracks.
• [x] Get user's saved tracks.
• [x] Responsive design.
• [x] Dark mode.
• [x] Search for tracks, artists, albums and playlists.
• [x] Real time sync with Spotify client.
• [x] Play/Pause/Next/Previous track.
• [x] Shuffle/Repeat track.
• [x] Playlists/Albums/Artists/Tracks page.
• [x] YouTube demo.

Demo

Setup

$ git clone https://github.com/FallenDeity/react-next-tailwind-template
$ cd react-next-tailwind-template
$ npm install

Build

$ npm run build

Internally calls for next to build the project.

Test

$ npm run test

Internally calls for mocha to run the tests.

Run

$ npm run dev

Internally calls for next to run the project in development mode.

Others

• npm run lint - Runs eslint on the project.
• npm run lint:fix - Runs eslint on the project and fixes the errors.
• npm run prettier - Runs prettier on the project.
• npm run prettier:fix - Runs prettier on the project and fixes the errors.

Note
Few more commands are available in package.json under scripts section.