diff --git a/readme.md b/readme.md index 0a867e4..3e00911 100644 --- a/readme.md +++ b/readme.md @@ -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. +
+ Live Demo +
+ + + ## Features - **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:** - 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. 3. **Run locally:** - - Place the project in your local web server root I used laragon (e.g. `c:\laragon\www\spotify`) - - Open `http://${app url}/` in your browser + - Place the project in your local web server root (e.g. `c:\laragon\www\spotify`) + - Open `http://localhost/spotify/` in your browser 4. **Login with Spotify:** - Click the "Login with Spotify" button and authorize the app. diff --git a/screenshot.GIF b/screenshot.GIF new file mode 100644 index 0000000..4cfcefc Binary files /dev/null and b/screenshot.GIF differ