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.