mirror of
https://github.com/bckelley/spotify-player.git
synced 2026-08-24 03:24:12 -05:00
update readme for demo link and screenshot
This commit is contained in:
@@ -2,6 +2,12 @@
|
|||||||
|
|
||||||
A simple web app to display your current Spotify playback, built with vanilla JS, Tailwind CSS, and the Spotify Web API.
|
A simple web app to display your current Spotify playback, built with vanilla JS, Tailwind CSS, and the Spotify Web API.
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<a href="https://bckelley.github.io/spotify-player/"><b>Live Demo</b></a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|

|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
- **Spotify OAuth Login** (PKCE flow, no backend required)
|
- **Spotify OAuth Login** (PKCE flow, no backend required)
|
||||||
@@ -26,12 +32,12 @@ A simple web app to display your current Spotify playback, built with vanilla JS
|
|||||||
|
|
||||||
2. **Set up a Spotify Developer App:**
|
2. **Set up a Spotify Developer App:**
|
||||||
- Go to [Spotify Developer Dashboard](https://developer.spotify.com/dashboard/applications)
|
- Go to [Spotify Developer Dashboard](https://developer.spotify.com/dashboard/applications)
|
||||||
- Create an app and set the Redirect URI to your local/test URL (e.g. `http://${app url/spotify/`)
|
- Create an app and set the Redirect URI to your local/test URL (e.g. `http://localhost/spotify/`)
|
||||||
- Copy your **Client ID** and update it in `spotify-api.js` and `auth.js` if needed.
|
- Copy your **Client ID** and update it in `spotify-api.js` and `auth.js` if needed.
|
||||||
|
|
||||||
3. **Run locally:**
|
3. **Run locally:**
|
||||||
- Place the project in your local web server root I used laragon (e.g. `c:\laragon\www\spotify`)
|
- Place the project in your local web server root (e.g. `c:\laragon\www\spotify`)
|
||||||
- Open `http://${app url}/` in your browser
|
- Open `http://localhost/spotify/` in your browser
|
||||||
|
|
||||||
4. **Login with Spotify:**
|
4. **Login with Spotify:**
|
||||||
- Click the "Login with Spotify" button and authorize the app.
|
- Click the "Login with Spotify" button and authorize the app.
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 468 KiB |
Reference in New Issue
Block a user