Giter Club home page Giter Club logo

kbsim's Introduction

Mechanical Keyboard Simulator - kbs.im

kbs.im picture

Mechanical Keyboard Simulator is website that simulates typing on a variety of custom keyswitches and offers a simple typing test. Currently, it supports 10+ switches, keyboard layouts, and colors for an customizable, satisfying typing experience.

Features

  • Unique sounds for specific keys
  • 1 minute English typing test
  • Wide selection of case colors and layouts
  • Dark mode

Currently Supported Switches

  • NovelKeys Creams
  • Holy Pandas
  • Turqoise Tealios
  • Gateron Black Inks
  • Cherry MX Blacks
  • Cherry MX Browns
  • Cherry MX Blues
  • Kailh Box Navies
  • Buckling Spring
  • SKCM Blue Alps
  • Topre

Currently Supported Layouts

  • Fullsize
  • Tenkeyless
  • 75%
  • 65%
  • HHKB

Requests

Switch and layout requests are open at the moment, feel free to open an issue if you'd like to see a switch or layout added!

Developers

Setup

To run this application locally, use:

npm install
npm start

Project structure

.
├── src                                           # Source files
│   ├── assets                                    # audio and image assets
|   |   ├── audio  
|   |   └── images
│   ├── features                                  # components and modules
│   |   ├── Store                                 # Redux store
|   |   |   └── store.js
|   |   └── sampleComponent                       # component structure
|   |       ├── SampleComponent.js
|   |       ├── SampleComponentSlice.js
|   |       └── SampleComponent.module.css
│   ├── public                                    # robots.txt
|   |   └── robots.txt
|   ├── App.test.js                               # starter React test file
|   ├── index.css                                 # index styling
|   ├── index.html                                # meta tags
|   ├── index.js                                  # React entry point
|   └── serviceWorker.js                          # basic offline usage serviceWorker
├── .babelrc                                      # babel transpiler config
├── LICENSE.md                                    # MIT license
├── README.md                                     # you're reading this!
├── package.lock.json                             # npm dependency lockfile
├── package.json                                  # dependency file
├── webpack.config.json                           # webpack config file
└── yarn.lock                                     # yarn dependency lockfile

Contributing

Pull requests are welcome, but please do create an issue to discuss any major changes.

kbsim's People

Contributors

tplai avatar dependabot[bot] avatar

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.