zhanknight / jam-utility Goto Github PK

V2 is deployed and functional, but needs some extra style tweaks to really match the old React app. Specifically the padding and margins are too tight for the displayed scale cards.

Another option - go ahead and move out of Bootstrap and into Fluent-UI with some custom CSS.

The note selection buttons are currently divs with onClick functionality. This is a subpar experience compared to an actual button tag as clicking on the divs frequently also selects/highlights the text, which won't happen in an actual button tag.

Original/Current CI/CD workflows are built for sending the React version of Jam Utility up to a Heroic free deployment. The Heroku free deployment ended quite some time ago and is no longer functional even for the React version of the app. It should be updated to handle the Blazor version of the app. Deployment options are probably Azure blob, possibly via static sites functionality, or straight to GitHub pages since it's full WebAssembly for the hosting model.

The app should show a version or build number somewhere, and this should be automatically incremented for minor versions whenever the app builds and deploys from the main branch.

On mobile (tested in Chrome and Safari on iOS), when the number of results no longer exceeds screen height, the entire app renders shorter and browsers seem to zoom in as a result. Probably need to set a minimum height for the app (or just the results component?) via css to prevent this.

The buttons to select notes are too small on mobile displays and are somewhat difficult to tap accurately. This can probably be resolve by reducing side margin space to allow the toolbar to expand slightly more.

The note selection buttons should be represented visually like an octave on a piano, with accidentals shaded slightly.

Use of two rows in note selector area results in just barely visible shadow issue along the center axis.

Results should show chords in the scale rather than just notes.

When first loading the app on mobile, the browser is zoomed in moderately and the user must zoom out manually prior to using it. (tested in iOS with Safari and Chrome)

This was initially written and deployed as a React app but I'd like to rewrite it as a Blazor app since my primary toolkit is C# and .NET.