Skip to content

TypeGlow is an interactive typing practice tool designed to improve typing accuracy and speed. As users type, correct letters light up, providing real-time feedback to help them stay on track. It's a fun and engaging way to enhance your typing skills!

License

Notifications You must be signed in to change notification settings

CyberSphinxxx/TypeGlow

Repository files navigation

TypeGlow

TypeGlow is an interactive typing practice tool designed to improve typing accuracy and speed. As users type, correct letters light up, providing real-time feedback to help them stay on track. It's a fun and engaging way to enhance your typing skills!

TypeGlowGif

Features

  • Difficulty Levels: Choose between easy, medium, hard, and impossible typing challenges.
  • Real-time Feedback: The text color changes as you type—green for correct characters and red for incorrect ones.
  • Completion Check: Get notified with a "Congratulations!" message when you've typed the full text correctly.
  • Reset Functionality: After finishing, you can reset the game and try again.
  • Click to Start: Simple and intuitive start by clicking anywhere in the typing container.
  • Multiple Difficulty Levels: Each level offers different texts of increasing difficulty.

Screenshot

Opera Snapshot_2024-10-06_211143_127 0 0 1

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/TypeGlow.git
  2. Navigate to the project directory:
    cd TypeGlow
  3. Open index.html in your browser to start playing:
    open index.html

How to Play

  1. Choose a difficulty level (easy, medium, hard, or impossible) from the top of the screen.
  2. The target text will appear in the center of the screen.
  3. Start typing in the input box.
    • Correct characters will be highlighted in green.
    • Incorrect characters will be highlighted in red.
  4. Once you've typed the entire text correctly, a "Congratulations!" message will appear.
  5. Click the Reset button to play again.

Technologies Used

  • HTML: For structuring the webpage.
  • CSS: For styling the application, including animations and responsive design.
  • JavaScript: For game logic and real-time text checking.
  • Google Fonts: Custom fonts for a better aesthetic.

Contributing

We welcome contributions to TypeGlow! If you'd like to help improve the project, follow the steps below to get started.

Steps for Contribution:

  1. Fork the repository: Click the "Fork" button on the top right of the repository page.
  2. Clone your forked repository:
    git clone https://github.com/your-username/TypeGlow.git
  3. Create a new branch for your feature or bug fix:
    git checkout -b feature-branch
  4. Make your changes and commit them:
    git add .
    git commit -m "Add your meaningful commit message here"
  5. Push your changes to the new branch:
    git push origin feature-branch
  6. Open a pull request: Navigate to the original repository, click on the "Pull Requests" tab, and open a new pull request.

Guidelines

  • Ensure that your changes are well-tested and documented.
  • Use meaningful commit messages and pull request titles.
  • Follow the existing code style and conventions.

About

TypeGlow is an interactive typing practice tool designed to improve typing accuracy and speed. As users type, correct letters light up, providing real-time feedback to help them stay on track. It's a fun and engaging way to enhance your typing skills!

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published