Skip to content

Latest commit

 

History

History
73 lines (46 loc) · 3.1 KB

README.md

File metadata and controls

73 lines (46 loc) · 3.1 KB
Raw

NewsTap Typing

NewsTap Typing is an interactive typing practice application that allows users to improve their typing speed and accuracy while staying informed on current events. By pulling news headlines from the News API, users can type real-world news snippets and gain knowledge about global affairs while enhancing their typing skills.

Live Demo

Access the app here: NewsTap Typing

Screenshots

Typing Interface

Screenshot 2024-10-07 at 10 50 02 PM

Project Highlights

  • Current Events Integration: Uses the News API to display up-to-date news headlines for users to type, making typing practice both informative and engaging.
  • Typing Speed & Accuracy Tracking: The app calculates and displays typing speed in words per minute (WPM), along with accuracy and error counts to help users track their progress.
  • User-Friendly Design: Simple and clean interface that allows users to focus on typing, with easy-to-read fonts and spacing.

Features

  • Real-Time News Updates: News headlines are fetched from the News API, providing fresh content that keeps users informed on global issues.
  • Typing Metrics: Displays gross typing speed, accuracy percentage, time taken, and errors made to give users detailed feedback on their performance.
  • Interactive Feedback: Helps users enhance their typing speed and accuracy through real-time metrics and feedback.
  • Accessible Interface: Designed with a minimal and responsive layout that works across various devices.

Technologies Used

  • HTML: Structuring the webpage content.
  • CSS: Styling with responsive layouts.
  • JavaScript: Core functionality, including fetching news data from the API and calculating typing metrics.
  • News API: Provides up-to-date news headlines for typing practice.

Local Installation

To set up this project on your local machine, follow these steps:

  1. Clone the repository:

    git clone https://github.com/mayankpall/NewsTap-Typing.git
cd NewsTap-Typing

  2. Open the index.html file in your browser to run the application locally.

How It Works

  1. The app fetches current news headlines using the News API and displays them in the typing area.
  2. Users are prompted to type the displayed news headline.
  3. Upon completion, the app calculates:
    • Typing Speed: Measured in words per minute.
    • Accuracy: Percentage of correctly typed characters.
    • Time Taken: Duration spent typing the headline.
    • Errors Made: Number of incorrect characters typed.
  4. Results are displayed below the typing area, allowing users to evaluate and improve their typing skills.

Contributing

If you’d like to contribute to this project, please follow these steps:

  1. Fork the repository.
  2. Create a new branch: git checkout -b feature-name.
  3. Make your changes and commit them: git commit -m 'Add new feature'.
  4. Push to the branch: git push origin feature-name.
  5. Submit a pull request.