Skip to content

Latest commit

 

History

History
43 lines (27 loc) · 1.09 KB

README.md

File metadata and controls

43 lines (27 loc) · 1.09 KB
Raw

React Spotify Clone

React Spotify Clone Build using:

  1. ReactJS
  2. Styled-Components
  3. Spotify-API
  4. React-Icons with the purpose to learn react context api, useContext hook and creating custom hooks, usage of styled-components.

To Run:

  1. Clone the project
  2. Add .env file with below credentials
REACT_APP_CLIENT_ID="your-client-id"
REACT_APP_REDIRECT_URL="http://localhost:3000/"
REACT_APP_API_URL="https://accounts.spotify.com/authorize"

REACT_APP_SELECTED_PLAYLIST_ID="your-select-playlist"
  1. npm start the project

Note:- The play, pause, next, previous, volume features and rest features are available to you with the premium plan.

TODO:

  1. Host the site

Results

  1. Login Page

image

  1. Authorization Permission Page

image

  1. Main Home Page

image