Skip to content

A react-based Spotify UI clone application using Spotify APIs for Spotify login/authentication, User details, getting, playlists, getting personal discover weekly

Notifications You must be signed in to change notification settings

dineshnadimpalli/React-Spotify-UI-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Project Overview

A react-based Spotify UI clone application using Spotify APIs for

  • authentication
  • User details
  • getting playlists
  • getting personal discover weekly

Note: Search results are pre-loaded in src > utils > data.json for development purpose. For real-time results follow the below steps

Demo

Project Setup

    Clone the project


    git clone https://github.com/dineshnadimpalli/React-Spotify-UI-Clone.git

    Install Dependencies


    Enter the project directory and do

    npm install (or) npm i

    Run the application


    npm start

    This will run the project in http://localhost:3000

    Create a Spotify Application


    Follow this guide https://developer.spotify.com/documentation/general/guides/app-settings to create a spotify application in developer.spotify.com for using Spotify APIs

    Edit Settings


    Click on Edit settings in your Spotify application and set redirect url as http://localhost:3000 also copy the Client ID and paste it in the src > utils > spotify.js

    One Last Step


    Finally, modify the code in the src > utils > spotify.js and src > App.js accordingly and you are code is ready for launch 🚀




Happy Coding... 👨🏻‍💻✌️



Resource Links

About

A react-based Spotify UI clone application using Spotify APIs for Spotify login/authentication, User details, getting, playlists, getting personal discover weekly

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published