Skip to content

masonc-dev/OpenType

 
 

Repository files navigation

OpenType 🖮

OpenType is a minimalistic typing speed testing app built with React and TailwindCSS that highly inspired by MonkeyType. The app allows users to test and improve their typing speed and accuracy. The app provides a user-friendly interface and intuitive feedback on typing performance.

Live Demo

Check out the live demo here.

Current Features

  • Typing Test: Users can take a typing test to measure their typing speed and accuracy. The test includes random sentences/paragraphs, and the user's typing speed is calculated in words per minute (WPM).
  • Time Category: Users can adjust typing duration to 15s, 30s, or 60s according to their preference.
  • Statistics: The app displays statistics such as WPM/CPM, accuracy percentage, error percentage and total number of characters typed.
  • Watch Typing History: Users can watch their previous typing history and access their performance.
  • Change Theme: Users can change the theme of the app based on their preference from available theme palette.
  • Responsive Design: The user interface is designed to be responsive and adapt to different screen sizes, making it accessible on various laptops or PCs.

Todo Features

  • Track user's typing history.
  • Add more languages.
  • Add more themes.
  • Add virtual keyboard.
  • Add difficulty level.

Screenshots with different themes

Screen Shot 2022-08-28 at 9 15 36 AM


Getting Started

To run this app locally, follow these steps:

Clone this repository

git clone https://github.com/Estifanos12/OpenType.git

Navigate to the project directory

cd OpenType

Install dependencies

npm install or yarn

Start the development server

npm run dev or yarn dev

Build the project for production

npm run build or yarn build

Acknowledgement

  • MonkeyType - for the inspiration and design ideas.

About

A minimalistic typing speed testing app

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 96.4%
  • JavaScript 1.6%
  • CSS 1.3%
  • HTML 0.7%