A hyper-minimalist, high-performance cyberpunk typing speed analyzer built entirely with vanilla HTML5, CSS3, and JavaScript (ES6).
- Cyberpunk / Sci-Fi UI Dashboard: A glowing terminal interface utilizing strict CSS structural bounds to keep live metrics locked on view.
- Dual Mode Engine: Seamlessly toggle between standard
TEXT_MODEand syntax-accurateCODE_MODE. - Multi-Language Coding Arrays: Live parsing support for structural JavaScript, C++, and Java code snippets.
- Smart Viewport Auto-Scroll: Intelligent active cursor letter tracking that automatically scrolls the text array as you type.
- Real-time Diagnostic Metrics: Live-updating indicators for net typing velocity (WPM), execution accuracy (%), and automated system countdowns.
- Telemetry Graphing: Comprehensive post-test analysis powered by Chart.js plotting your performance trajectory over time.
- Vanilla Theme Engine: On-the-fly toggling between high-contrast Dark Cyber and Flat Light Cyber modes.
- Structure: HTML5 (Semantic Layout)
- Styling: CSS3 (Variables, Dynamic Typography, Fluid Layout Grids)
- Engine: JavaScript (ES6 DOM Parsing, Real-time Array Buffering)
- Data Rendering: Chart.js via CDN
TypePulse/
│
├── index.html # Application core UI markup framework
├── style.css # Responsive viewport styling and retro sci-fi themes
├── script.js # Core timing loop, event listeners, and typing metrics
└── data.js # Unified structural text and programming syntax data pools