Skip to content

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.

Notifications You must be signed in to change notification settings

praveenjadhav1510/myKeyboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Jarvis Typing Test ⌨️

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.

🖥️ Demo

Check out the live version of the typing test here: Jarvis Typing Test Live

Typing Test Preview

🎯 Features

  • 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.

💻 Technologies Used

  • HTML5: Structuring the typing test interface.
  • CSS3: Styling and responsive design for various screen sizes.
  • JavaScript: Implements the typing logic, timer, and keyboard interaction.

🛠️ Installation

To run the project locally:

  1. Clone the repository:

    git clone https://github.com/yourusername/myKeyboard.git
  2. Navigate to the project directory:

    cd myKeyboard
  3. Open the index.html file in your web browser:

    open index.html

🎨 Customization

  • You can modify the typing text or improve the styling by editing the HTML and CSS files.

📂 Project Structure

  • /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.

📊 Metrics

  • 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.

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published