g-chandran / typo Goto Github PK

• preventDefault() is missing for keybindings. Add them
• It occurs mostly for Mac machines

The main | start | CTA button stays at "60 Seconds" even after changing the timer in settings

Circular dependency occurs for properties and timerStore. Fix that by adding an Interface.

The settings that the user made are gone after a refresh. Make it more persistent by using any browser memory options.

• Add a 404 page to the site

• The modifier key doesn't change based on OS initially.

• There's not any solution to see the actual settings that the user has chosen.
• Create something some sort of a menu bar like component for the Homepage.

• The SVG used for showing the result page is very small. It may be good for small screens, but it's bad for big screens.
• Go to result.svelte and change its sizing responsively.

The SVG image present on the Result page breaks 90% of the time. Render the image after it has completed.
Use on:load and on:error events for img.

Replace the Material icons with SVGs. Only a couple of icons are being used, so it's good not to have a huge library for a simple task.

• The Material import is at public/index.html

Stores are not properly organized. Highly fragmented, reduce the cluster by cumulating/classifying stores into few groups.

PropertyInterface has a flaw in updating the stores without updating the property.

• Property setters have the validation, return a boolean if the passed the argument for the property is valid.
• Update the store only if the sent property argument is true.

• After finishing the typeProgress, the app moves to Result, then to Home automatically.
• Happens particularly with ReverseClassic playmode.

The shortcut to fire up the Command palette is working only with Ctrl keybinding. Make it available for the Cmd key too.

• Also change the Shortcut indicator in the Homepage to adapt the platform.

The next previous words in Carousel remain black in both themes.

• Which is doing good for Light Theme, but less visible in Dark Theme.

The command palette stays on the page even after its focus moves out of it when the mouse clicked out of the command palette.

• Favicon is not visible in some browsers
• favicon.ico is not present

Based on the feedback by many, the difference between the 2 playmodes is unclear. It is better to add any description for playmodes.

The codebase is not welcoming newcomers.

• Add comments wherever possible/necessary
• Make variable naming more streamlined
• Do this after migrated to TS