nhzaci / ClickClack

Minimalist typing speed website built with a material design aesthetic, built with Nuxt.js with Tailwind CSS for styling. Up and running on Github Pages.

Home Page:http://nhzaci.github.io/ClickClack

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ClickClack

Minimalist typing speed test for mechanical keyboard enthusiasts

About

A simple and minimalistic typing speed test based on Nuxt.js with a material design scheme based around cards and objects.

User Guide

The internal timer starts once you start typing on the website. To get to the next word, simply type space and you will get to the next word. You will be presented with your WPM and Accuracy on the top right corner after you are done.

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

TODOS

  1. Changing of themes and adding prebuilt themes
  2. Add animations -- fade in for main box, fade for changing of text-box size

About

Minimalist typing speed website built with a material design aesthetic, built with Nuxt.js with Tailwind CSS for styling. Up and running on Github Pages.

http://nhzaci.github.io/ClickClack


Languages

Language:Vue 72.5%Language:CSS 16.9%Language:JavaScript 8.4%Language:Python 2.2%