A minimalistic typing speed testing app built with React and TailwindCSS

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.
  • Responsive Design: The user interface is designed to be responsive and adapt to different screen sizes, making it accessible on various laptops or PCs.

Screenshots

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.

GitHub

View Github