/react-nextjs-typing

typing site made using react and nextjs

Primary LanguageCSS

Typing Test App

Welcome to the Typing Test App! This is a simple typing test application built with Next.js and React. The app presents a series of words for users to type, measures typing speed (WPM), and provides options to restart or stop the test.

Features

  • Presents a variety of words for typing practice
  • Measures and displays typing speed in words per minute (WPM)
  • Allows users to restart or stop the typing test
  • Clean and responsive UI

Demo

Check out the live demo of the Typing Test App: Typing Test Demo

Getting Started

Follow these steps to get a local copy of the project up and running on your machine.

Prerequisites

Make sure you have the following installed:

  • Node.js (>=14.x)
  • npm (>=6.x)

Installation

  1. Clone the repository:

    git clone https://github.com/m-Jawa-d/react-nextjs-typing.git

  2. Navigate to the project directory:

    cd typing-test-app

  3. Install the dependencies:

    npm install

  4. Start the development server:

    npm run dev

  5. Open your browser and visit http://localhost:3000 to see the app in action.

Usage

  • Start typing the words presented on the screen.
  • Your typing speed (WPM) will be calculated and displayed.
  • Use the "Restart Test" button to restart the test at any time.
  • Use the "Stop Test" button to stop the test.

Contributing

I welcome contributions to enhance this project! Here are some ways you can contribute:

  • Star the Repo: If you find this project useful, please consider starring the repository.
  • Submit Issues: If you find any bugs or have suggestions for improvements, please create an issue.
  • Pull Requests: I welcome pull requests. Please fork the repository and create a new branch for your contribution.

How to Contribute

  1. Fork the repository.
  2. Create a new branch for your feature or bugfix.
  3. Make your changes.
  4. Commit your changes with a descriptive commit message.
  5. Push your changes to your forked repository.
  6. Create a pull request to merge your changes into the main repository.

Contact

If you have any questions or feedback, feel free to contact me at chudhryjawad@gmail.com.

Typing Test Typing Test

Thank you for visiting the Typing Test App repository! I hope you find it useful and fun. Don't forget to ⭐ the repo and happy typing!