SpotLight is a web app which uses spotify developer APIs and lists your most listened songs, albums, artists and genres.
git clone <fork url>
Node >= 14.0.0 and npm >= 5.6
)npm install
Create an App
button in the spotify developers dashboard. Fill the details and submit.Client ID
of the app just created.Edit Settings
and add http://localhost:3000
as a redirect URI..env.local
at the project root directory with the following content:
REACT_APP_CLIENT_ID=<YOUR CLIENT ID>
Replace <YOUR CLIENT ID>
with the one you got from the spotify console.
npm start
├── src/
├── Pages/ Code for the pages
├── components/ UI Components
├── config/ API configs
├── styles/ CSS Files
This project uses the Spotify Web API
to get all the spotify related data. You can find more about it at the official Spotify Web API documentation.
To get started with React JS
or brush up your skills, check out the official React JS Documentation.