update readme for demo link and screenshot

This commit is contained in:
2025-07-02 09:50:23 -05:00
parent d3285bb1f3
commit e0fa9adcce
2 changed files with 9 additions and 3 deletions
+9 -3
View File
@@ -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>
![Screenshot](screenshot.GIF)
## 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.
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 468 KiB