Giter Club home page Giter Club logo

typo's Introduction

Typo

Typewriting. Words. Time. This game plays with them.

Typo is the Project that I've started for fun and to dive deeper into Svelte Framework.

Hit the star button on the top-right if you like it.

Features

  • Multiple Playmodes to play with words
  • Dark theme
  • Command palette to tune-up your settings
  • Dedicated dev branch/server for rolling out untested features.

Tech Stack

Client: SvelteJS

Utils: Rollup, ESLint

Hosted at: Surge

Acknowledgements

Appendix

The application currently has words classified into 3 types based the character length. Each type currently has 100 words summing up to 300 words totally. All the words used in this application are fetched from WordFind.

Badges

MIT License

Authors

Roadmap

  • Add more Modes to play with
  • Add mobile Virtual Keyboard support
  • Create a unified way to compete with friends
  • Create a profile to save user preferences and records that syncs to the cloud.

Support

For support, email [email protected].

typo's People

Watchers

 avatar

typo's Issues

Highly fragmented stores

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

Unverified Store updations

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.

Homepage Button title

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

High latency for loading Result SVG

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.

Add Description to Playmodes

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

Too small success image

  • 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.

Make shortcuts available for MacOs

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.

Lacks comments / readability

The codebase is not welcoming newcomers.

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

Result page closes unexpectedly

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

Material Icons to SVGs

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.