An interactive typing test web app designed to help users improve their typing speed and accuracy. This project features a visual keyboard with real-time keypress tracking, a word test area, a timer, and accuracy calculation.
Check out the live version of the typing test here: Jarvis Typing Test Live
- Typing Test: Type out given phrases to measure speed and accuracy.
- Custom Text: Allows users to input their own text for typing practice.
- Real-time Timer: Tracks the time spent typing the text.
- Accuracy Calculation: Shows the percentage of correctly typed characters.
- Dynamic Keyboard Display: Highlights pressed keys on a visual keyboard.
- Mouse Tracking: Displays the current x and y coordinates of the mouse.
- Responsive Design: Works seamlessly on various screen sizes, including desktop and mobile.
- HTML5: Structuring the typing test interface.
- CSS3: Styling and responsive design for various screen sizes.
- JavaScript: Implements the typing logic, timer, and keyboard interaction.
To run the project locally:
-
Clone the repository:
git clone https://github.com/yourusername/myKeyboard.git
-
Navigate to the project directory:
cd myKeyboard
-
Open the
index.html
file in your web browser:open index.html
- You can modify the typing text or improve the styling by editing the HTML and CSS files.
/index.html
: HTML file for the typing test interface./style.css
: CSS file for layout and styling./script.js
: JavaScript file that handles typing logic, keyboard input, and mouse tracking.
- Timer: Real-time tracking of typing duration.
- Accuracy: Calculated based on the number of correct key presses versus the total.
- Custom Text Input: Allows users to practice with their own input.
This project is licensed under the MIT License - see the LICENSE file for details.