GithubHelp home page GithubHelp logo

k11q / keyboardkurita Goto Github PK

View Code? Open in Web Editor NEW
9.0 1.0 2.0 22.98 MB

smart typing practice app

Home Page: https://keyboardkurita.com

License: Apache License 2.0

Vue 60.66% TypeScript 38.39% JavaScript 0.95%

keyboardkurita's Introduction

[WIP] Keyboard Kurita

Fun keyboard practising app!

Installation

  • Clone the repo
  • Fill supabase url and key in .env (example is at .env.example). Just put anything, dont mind the tables.
  • Run pnpm install && pnpm run dev

Contributing

  • Create an issue and discuss what you want to do, more straightforward contact me on discord

Support

keyboardkurita's People

Contributors

k11q avatar

Stargazers

Selemondev  avatar Firdaus avatar Black Kaiser avatar Fareez Iqmal avatar Naim Hasim avatar Myrul Deen avatar Abbas avatar Farhan Jamaludin avatar Hiromasa avatar

Watchers

 avatar

keyboardkurita's Issues

feat: counting extra

  • count extra in restricted mode
  • count extra in blind mode and unrestricted mode

profile page

any issue regarding profile page will be mentioned here

Settings screen bug

When clicking on settings while not starting the test, the setting is blurred instead of showing infront. Same goes to the profile dropdown.
image

feat: test difficulty

Normal is the classic type test experience. Expert fails the test if you submit (press space) an incorrect word. Master fails if you press a single incorrect key (meaning you have to achieve 100% accuracy).

  • UI
  • function

feat: quick restart

Press tab or esc to quickly restart the test, or to quickly jump to the test page. Both options disable tab navigation on most parts of the website. Using the "esc" option will move opening the commandline to the tab key.

  • UI
  • function

UI design

below is the link to the public figma file for exploring UI/UX designs. Designers are very welcome to contribute.

figma design link

feat: always show words history

This option will automatically show the words history at the end of the test. Can cause slight lag with a lot of words.

  • ui
  • function

!feat: change default input behavior to monkeytype style

  • ctrl+delete to delete entire current word
  • current: backspace cant delete any correct chars. todo: backspace can delete any chars for each word, additional config allows to delete previous word
  • current: extra will be autodeleted when correct input. todo: extra needs to be deleted to correct input and extra after the number of words will maintain.
  • current: extra shows in extra characters. todo: extra below word length will show correct ones in red, after, they are shown in extra chars

feat: min wpm

Automatically fails a test if your WPM falls below a threshold.

  • figure out what to do if test fails
  • ui
  • function

fix: autoscroll issues

known issues:

  • autoscroll started on first line during edge cases end of first line
  • wrong first word on line when word overflow onto a new line

feat: blind mode

No errors or incorrect words are highlighted. Helps you to focus on raw speed. If enabled, quick end is recommended.

  • ui
  • function

feat: quote

allow to test/practice with quote

  • api
  • ui
  • function

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.