Skip to content

wahjay/Spotify-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 

Repository files navigation

react-spotify-clone

This project was bootstrapped with Create React App.

Description

This project is a spotify web app clone that simulates the interface and functionality of the playlist page from Spotify web. The app fetches all the playlists from the current user. The user can then choose a playlist and play the songs inside it. Due to copyright restrictions, all the songs can only be played in 30s as a preview. Some songs may not have a preview.

The app is available here

Tech Used

  • React Hooks + Context
  • Material UI + CSS
  • Spotify Web API + Authorization
  • React Player
  • Firebase Hosting

Things to be added in the future

  • Allows users to add a playilst to their libraries
  • Add artists page where users can follow the artists
  • Users can like songs
  • Get Recommendations based on a playlist

Issues Encountered

  • There seems to be an issue with React Player on Safari browser when the user first clicks to play a song, the song won't play. It only plays again when the user clicks pause then play again. This issue only occurs to the very first click. However, this issue does not occur on Chrome.