Spotify Clone

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

Features

• Authentication/Singup using Spotify.
• Get user’s playlists.
• Get user’s top artists.
• Get user’s top tracks.
• Get user’s recently played tracks.
• Get user’s saved tracks.
• Responsive design.
• Dark mode.
• Search for tracks, artists, albums and playlists.
• Real time sync with Spotify client.
• Play/Pause/Next/Previous track.
• Shuffle/Repeat track.
• Playlists/Albums/Artists/Tracks page.
• 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.

GitHub

View Github