Typebox ― verbeter je typesnelheid in het Nederlands

typebox is a sleek and modern typing speed test application designed to help you improve your typing speed and accuracy, with a focus on the Dutch language. It provides a clean, distraction-free interface with real-time feedback and performance analytics.

Inspired by the popular Monkeytype.

✨ Features

• Multiple Time Modes: Choose between 30, 60, and 90-second test durations.
• Real-time Feedback: Characters are instantly validated as correct or incorrect.
• Detailed Results: After each test, view a summary of your WPM (Words Per Minute), error count, and consistency percentage.
• Performance Chart: Visualize your results with a clean bar chart, powered by Chart.js.
• Interactive UI: Smooth animations and transitions for a polished user experience, powered by GSAP.
• Dynamic Background: The background subtly changes color to create a sense of urgency as time runs out.
• Audio Feedback: Optional keyboard sounds for a more immersive typing experience, powered by Howler.js.

🛠️ Tech Stack

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Styling: Tailwind CSS
• Animations: GSAP (GreenSock Animation Platform)
• Charting: Chart.js
• Audio: Howler.js & Pixabay

🚀 Getting Started

This is a static web project and requires no complex installation. To run it locally, follow these simple steps:

1. Clone the repository:

   git clone https://github.com/mnnbaek/typebox.git

2. Navigate to the project directory:

   cd typebox

3. Open in your browser: Simply open the index.html file in your favorite web browser.

   That's it! You can now start practicing.

🙏 Acknowledgements

• Prototyped by @joaovmleite
• Inspired by @monkeytype

COPYRIGHT © 2025 - @joaovmleite