SpotLight is a web app which uses spotify developer APIs and lists your most listened songs, albums, artists and genres.
- Fork the repo to your account.
- Clone the repo to your local computer
git clone <fork url> - Make sure Node js is installed on your machine (
Node >= 14.0.0 and npm >= 5.6) - cd into the project directory and run
npm install - Login or create an account at the Spotify Developers Dashboard.
- Click on the
Create an Appbutton in the spotify developers dashboard. Fill the details and submit. - Note down the
Client IDof the app just created. - Go to your app
Edit Settingsand addhttp://localhost:3000as a redirect URI. - Create a file named
.env.localat 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.
- Now run
npm start - Open http://localhost:3000 on a browser.
├── src/
├── Pages/ Code for the pages
├── components/ UI Components
├── config/ API configs
├── styles/ CSS Files
-
This project uses the
Spotify Web APIto get all the spotify related data. You can find more about it at the official Spotify Web API documentation. -
To get started with
React JSor brush up your skills, check out the official React JS Documentation.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent