https://github.com/nerdyvisky/flashtyping
Speed Typing under a minute game made using HTML5, SCSS and Vanilla JS.
https://github.com/nerdyvisky/flashtyping
html5 javascript javascript-projects sass scss speed-typing typing typing-practice
Last synced: 6 months ago
JSON representation
Speed Typing under a minute game made using HTML5, SCSS and Vanilla JS.
- Host: GitHub
- URL: https://github.com/nerdyvisky/flashtyping
- Owner: NerdyVisky
- Created: 2021-10-20T11:57:35.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-10-22T05:53:10.000Z (over 4 years ago)
- Last Synced: 2025-03-12T04:30:13.335Z (12 months ago)
- Topics: html5, javascript, javascript-projects, sass, scss, speed-typing, typing, typing-practice
- Language: SCSS
- Homepage:
- Size: 128 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 60-Second Flash Typing
### About
This is a simple speed typing assistant to help you type faster with more accuracy. As of Oct 22nd '2021, this project is for personal use (single-player). Development of multiplayer setup in progress.
### Key features
- Modular UI with No-ads or any distractions so you can only focus on typing!
- Real-time word checker to help you correct errors while typing.
- 60 second clock timer to keep you in track of your time.
- Words Per Minute (WPA) calculator with category indicator to help you determine the level of your typing skills.
- Personal Best score tracker to help you set and record new speed typing high scores.
### How to use it
_If you're not comfortable with command line, [here are tutorials using GUI tools.](#tutorials-using-other-tools)_
_If you don't have git on your machine, [install it](https://help.github.com/articles/set-up-git/)._
**1.** Star and Fork [this](https://github.com/NerdyVisky/flashTyping.git) repository.
**2.** Clone your forked copy of the project.
```
git clone https://github.com//flashTyping.git
```
**3.** Navigate to the project directory :file_folder: .
```
cd flashTyping
```
**4.** Add a reference(remote) to the original repository.
```
git remote add upstream https://github.com/NerdyVisky/flashTyping
```
**5.** Check the remotes for this repository.
```
git remote -v
```
**6.** Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).
```
git pull upstream main
```
**7.** Open index.html in the root folder
```
index.html
```
**8.** Start typing and set personal best scores!
### Demo of the web application
### Tech Stack for nerds
- HTML5
- SCSS (SASS)
- Javascript (ES6)
- Figma for UI design