https://github.com/inker/spotify-api-usage-example
https://github.com/inker/spotify-api-usage-example
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/inker/spotify-api-usage-example
- Owner: inker
- Created: 2021-11-30T14:14:12.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-12-02T19:00:48.000Z (over 4 years ago)
- Last Synced: 2025-01-23T05:20:07.828Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://inker.github.io/spotify-api-usage-example/
- Size: 742 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Spotify API usage example
## Demo
https://inker.github.io/spotify-api-usage-example
## Features
- The artist is saved in the URL. On page refresh, filters are retained.
- The displayed data is automatically updated every 30 seconds.
- The sidebar is resizeable.
- Light/dark/system theme switcher.
- Login & logout buttons.
## What's lacking
- The token is stored in `localStorage` which is unsafe, because it's vulnerable to XSS attacks.
- Redirect URI & App ID are hardcoded.
- Many Vue components don't have unit tests. Test coverage could be improved.
- Vue components should be made reusable and moved to a separate repository & be tested with unit tests & storybook.
- Design could be better & more responsive to be usable on mobile devices in portrait mode.
- No end-to-end tests.
- The build pipeline lacks the compression step which would obviate the need to compress static files on the fly. Sadly, GitHub Pages only supports dynamic compression.
- Router working in hash mode due to GitHub Pages limitations.
- Commit messages could be more descriptive.
- Some commits do more than one thing.