msn2106 / react-spotify-clone

React Spotify Clone

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"

3. 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

2. Authorization Permission Page

3. Main Home Page