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

by React

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