Skip to content

aakankshabaijal/spotify-clone-nextjs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Spotify Clone

This project is a clone of the popular music streaming app Spotify. It uses the Spotify API to authenticate the user, load their playlists and control playback and volume on their recognized devices.

https://spotify-clone-nextjs-sage.vercel.app

Tech Stack

  • React
  • Next.js
  • Recoil
  • Tailwind CSS
  • Vercel (for deployment)

Features

  • Fetch 20 Recently Added Spotify Playlists and Control Music playback using Spotify API
  • User authentication with Spotify and NextAuth to persist user's logged in state
  • Responsive UI using Tailwind CSS
  • Next.js Middleware to handle authethicated user access

Screenshots

login_screen

coding_mode_2

homework_vibes

Limitations

Due to a free Spotify Developer account, only 25 people can be given access for authorization, otherwise we have to submit a quota extension request. This is keeping in mind the number of API calls and load that Spotify servers have to manage. Hence, I have created a dummy Spotify account which can be used to login and view the project.

Email Id : [email protected] Password : tempaccount