ndoolan360 / soundcheck Goto Github PK

Sometimes the device list will display nothing when there are indeed active devices that are able to be connected to.

The log-in button should be the main call to action when the user is not logged in, so it should be present in the main info section and disappear once the user is logged in.

Might remove the button from the menu and add the log out button to the bottom of the menu and disable it when not logged in, to reduce the duplicate button.

To my knowledge mobile devices aren't allowed to have their volume controlled from external sources including the spotify api.
There are many posts on the Spotify forums that discuss this but to prevent confusing UX, I would like to disable volume control when the current device type is mobile.
This will likely be done by making modifications to the disallows functionality. 😄

Upon clicking the "Open in Spotify" button, Spotify should open via deep link.
It is currently not.

Add shortcuts to the app to control basic playback options.
Should it be rebind-able? 🤔

Keep it in line with the Spotify desktop apps shortcuts?

If the user leaves a song paused for too long, the screen returns to the default state even though it is connected to a device.
This is because the underlying playback state in Spotify appears to respond to inactivity.

This is a confusing state to be in and it would be preferred if the state persisted with the previously paused song.

Known fix is to, if paused, "seek" to the last known playback position. This keeps the state fresh as it is not considered inactive.
Would like to find a better solution instead of the above.

Investigate methods to improve contrast of text over arbitrary image background.
Vignette does an ok job of creating contrast around the edges for things like the controls and close button but the text in the middle suffers from a lack of contrast on particularly bright backgrounds.

Example of bad contrast:

Remove all the unnecessary sm3lte artifacts from migrating that mini project over.
Should just be components.

Make the App.svelte file smaller by moving complexity into svelte components.
Maybe Consider refactoring with a UI lib? https://www.melt-ui.com is an option. Not a necessity.

In the current dev branch the logo size needs to be reduced so it isn't so massive.

Add a section toward the bottom of the menu to show what the keyboard shortcuts that are available are.

Buttons like the skip-next and skip-previous have lost their visual feedback for hover and focus actions.

• Need to check and fix css to resolve this.

• Add a new logo that better suits the name "Soundcheck"
• Add some screenshots of the app in action
• Add a blurb of info on the app features, motivations and ambitions.