Một pet project mình làm để vừa luyện gõ vừa nghịch mấy pattern UI tương tác. Có chế độ chạy theo thời gian, theo số từ và theo quote. Kết quả gồm WPM, accuracy, raw speed cùng biểu đồ WPM theo từng giây.
Mấy chỗ khó
- Caret chạy mượt giữa các dòng khi text bị wrap — dùng layout animation của Framer Motion.
- Tracking đúng/sai theo từng ký tự mà không phải re-render cả list từ mỗi lần gõ.
- Sampling WPM chuẩn, vẫn đúng khi có pause hoặc backspace.