~/projects/typeace
TypeAce - Typing Speed Master
[COMPLETED]TIMELINE
Aug 2024 - Sept 2024
ROLE
Frontend Developer
TEAM
Personal Project
CATEGORY
Software Engineering
// OVERVIEW
TypeAce is a responsive typing trainer built to refine keyboarding speed and accuracy. Featuring real-time WPM, accuracy, and keystroke interval monitoring, it uses customized local themes and a persistent history dashboard to capture improvements.
- Real-time WPM Metrics
- Keystroke Latency Charts
- Modular Themes Switcher
- Persistent LocalStorage Dashboard
// FEATURES
01/ Typing Interface
- Dynamic Metric Counter: Live calculations of Words Per Minute (WPM) and accuracy ratios.
- Keystroke Analyzer: Highlights particular characters where users consistently record higher delays.
02/ Customization
- Themes Engine: Dynamic stylesheet switching to apply Nord, Cyberpunk, or Monokai styles.
- Custom Text Prompts: Paste custom code snippets or articles to test specific symbol typing speeds.
// CHALLENGES & SOLUTIONS
PROBLEM
Keystroke metrics tracking accuracy drifts on faster inputs
SOLUTION
Utilized requestAnimationFrame microsecond timestamps instead of standard JS setTimeout intervals.
// STACK
ReactTypeScriptJavaScriptCSS3Web DevelopmentVS CodeGitHub