Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mbaronetti/spotify-dash
Simple and easy to use Spotify dashboard
https://github.com/mbaronetti/spotify-dash
Last synced: 3 months ago
JSON representation
Simple and easy to use Spotify dashboard
- Host: GitHub
- URL: https://github.com/mbaronetti/spotify-dash
- Owner: mbaronetti
- Created: 2019-05-09T04:56:46.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T22:33:15.000Z (about 2 years ago)
- Last Synced: 2024-08-01T21:58:41.649Z (6 months ago)
- Language: JavaScript
- Size: 1.76 MB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- project-awesome - mbaronetti/spotify-dash - Simple and easy to use Spotify dashboard (JavaScript)
README
# heads-up
This is a simple, easy-to-use and scalable React & Redux application consuming Spotify's API.
It renders artists and tracks based on user's input, along with custom data.
There are two parts to it, the server (auth-server), and the client(spotify-app).
## How to use
### 1) Set Up
- Download this project
- Visit https://developer.spotify.com/
- Log in and create an app
- Enter http//localhost:8888/callback as the redirect uri
- Save your changes
- Copy down the following information: Redirect uri, client id, client secret
### 2) Server-side setup (Auth)
- Navigate to the auth-server directory `cd auth-server`
- Install the dependencies `npm install`
- Open auth-server/authorization_code/app.js in your editor and focus on line 16
- Paste in the redirect uri, client id, and client secret you copied in step 1
- Run the Server `node authorization_code/app.js`
### 3) Client-side setup
- Navigate to the client directory `cd spotify-app`
- Install the dependencies `npm install`
- Run the Server `npm start`
### 4) Run App
- Visit http://localhost:3000
- Click 'Log in with Spotify' and log in
- To see 'User's Currently Playing Track' in action, open Spotify and play a song.
- Enjoy!
## Credits
For authentication, "web-api-auth-examples" was used.
https://github.com/spotify/web-api-auth-examples
For wrapping Spotify's API, "spotify-web-api-js" was used.
https://doxdox.org/jmperez/spotify-web-api-js