Giter Club home page Giter Club logo

coffeetyper's Introduction



Coffeetyper

What is Coffeetyper?

Coffeetyper is a minimalistic and lightweight typingtest inspired by Monkeytype.

Features

  • ⚡ Super Fast loading time ⚡

  • Full offline support

  • Progressive Web App

  • Highly customizable

    • Customize all aspects of the textbox like width, letter spacing, line height, caret width...

    • Realtime color scheme switching

    • Add a background image

    • Pick between ALL fonts available on Google Fonts

  • Settings get saved to local storage

  • Save and switch between instances of your cosmetics in realtime

  • Export and import Cosmetics (as JSON)

  • Keybindings

  • Randomize the look of Coffeetyper (Produces very interesting results!)

  • All settings apply in realtime; no need to reload

Usage

To open the Settings move your mouse to the left of the screen.

To switch the theme move your mouse to the right of the screen.

Calculation of WPM/SPM

The WPM are calculated by taking the amount of correctly written symbols per minute and dividing them by 5 (the average length of an english word).

Stack

Coffeetyper is written in Svelte with Typescript and uses Windicss in conjuction with Postcss.

Should you use Coffeetyper?

It still lacks some features and isn't so feature rich as Monkeytype. But it provides the most important functions and statistics of a typing test and is definitely useable.

Color Schemes

Credit for the color schemes goes to Monkeytype.

Contribute

PRs are always appreciated.

coffeetyper's People

Contributors

0ql avatar ionos-deploy-now[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.