nickcarnival / react-typing-test

A react component typing test similar to the one seen at typings.gg

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Typing Test

Build

Usage

npm install react-typing-test
// something.js

import { TypingTest } from 'react-typing-test';

const Something = (props) => {
    return (
        <TypingTest language="english" wordLimit={120} />
    )
}

export default Something;

Available Props

wordLimit: {
    type: Number
    default: 50
}
language: {
    type: String
    default: 'english'
}
theme: {
    type: String
    default: 'Purpleish'
}

TODO

Fix the themes:

  • main text color and input color should be different
  • correct vs incorrect colors aren't always great
  • maybe some gradients

Roadmap

  • word count
  • language (untested)
  • themes
  • Clean and Refactor ...

About

A react component typing test similar to the one seen at typings.gg


Languages

Language:JavaScript 84.5%Language:HTML 12.8%Language:CSS 2.7%