🚀 Getting Started

Select a programming language from the dropdown and start typing to begin your practice session. The timer starts automatically when you type your first character.

⌨️ Basic Controls

• Type: Just start typing to match the displayed code
• Backspace: Fix mistakes by pressing Backspace
• Enter: Press Enter for new lines (shown as ⏎)
• Spaces: Regular spaces, incorrect ones show as ␣

📊 Understanding Statistics

• WPM (Words Per Minute): Speed calculated from correctly typed characters (1 word = 5 characters)
• Accuracy: Percentage of correct keystrokes out of total keystrokes
• Progress: Shows current position / total characters in the current page
• Timer: Time elapsed since you started typing

📝 Custom Code

1. Click the "Custom" button to open the custom code editor
2. Select the typing mode: Normal (allows backspace) or TypeWell Mode (strict, no backspace)
3. Paste or type your code in the text area
4. Enter a name and click "Save" to save it for later use
5. Use "Load" to select previously saved code
6. Use "Delete" to remove saved code you no longer need

📚 Page Navigation

Long code is automatically split into pages of 20 lines each. You can:

• Use the Page dropdown to jump to any page directly
• Click "Next" after completing a page to continue
• Click "Retry" to practice the current page again
• Click "Restart All" to start over from page 1

🧘 Auto Break Feature

Configure automatic break reminders to prevent fatigue:

• Setting: Configure character count threshold in Settings
• Trigger: Activates when line reaches the set character count
• Resume: Click "Continue" or press Enter to proceed
• Stats: View current WPM, time, and character count during break
• Disable: Set to 0 to turn off break reminders

⌨️ Initial Speed Mode

Practice single character reaction times for typing speed improvement:

• Character Sets: Choose between lowercase + punctuation (a-z, comma, period) or numbers only (0-9)
• Trials: Configure number of trials from 5 to 20
• Measurement: Precise reaction time measurement in milliseconds
• No Mistakes: Must type correct character to proceed (no backspace)
• Statistics: Detailed timing analysis with best/worst/average times
• Rankings: TOP3 records based on average reaction time

📈 Statistics Tracking

Click the 📊 Stats button to view your detailed practice history:

• Language sections: Click to expand/collapse each language
• Part history: View all attempts for each page
• Best records: Highlighted with 🏆 icon
• Sorting: Click column headers to sort history tables

🎨 Customization

• Theme: Switch between Dark mode (🌙) and Light mode (☀️)
• Text Wrap: Enable/disable line wrapping for long lines
• Auto Break: Set character threshold for break reminders
• Custom Mode: Choose between Normal typing (allows backspace) and TypeWell Mode (strict, no backspace)
• Color coding: Green = Correct, Red = Incorrect, Gray = Pending, Blue = Current position

💡 Tips for Better Practice

• Focus on accuracy first: Speed will come naturally with practice
• Use proper finger positioning: Follow touch typing guidelines
• Practice regularly: Short, frequent sessions are more effective
• Take breaks: Use auto-break feature to prevent fatigue
• Don't rush: Maintain steady rhythm and avoid hunting for keys
• Review your stats: Identify patterns and areas for improvement
• Try TypeWell Mode: Use strict mode for better accuracy training
• Practice Initial Speed: Improve reaction times with single character drills

🔧 Troubleshooting

• App not responding: Refresh the page to reset
• Wrong character highlighted: Make sure you're typing exactly what's shown
• Custom code not working: Check for proper syntax and formatting
• Break not appearing: Check Auto Break setting in Settings panel

⌨️ Keyboard Shortcuts

• Esc: Reset and start over from the beginning
• Enter (during results): Continue to next page or finish
• r (during results): Retry current page
• R (during results): Restart all from beginning
• Enter (during break): Resume typing from break
• Backspace: Undo last character (not available in TypeWell mode)