Skip to content

Latest commit

 

History

History
35 lines (26 loc) · 1.77 KB

README.md

File metadata and controls

35 lines (26 loc) · 1.77 KB
Raw

JustTypeFast

A minimal speed typer built with Next js

Project Scope and Goals

The Speed Typing Web App is a modern, single-page application designed to help users improve their typing speed and accuracy. The app provides a typing test component immediately upon loading, ensuring that users can start typing with minimal distractions. The main goals of the project are:

  • User-Friendly Interface: Create a modern, intuitive, and responsive design.
  • Immediate Accessibility: Ensure users can start the typing test immediately without navigating through a landing page.
  • Dark Mode: Default to a dark mode interface for a better user experience and reduced eye strain.
  • Real-Time Feedback: Provide real-time typing speed and accuracy feedback.
  • Interactive Keyboard: Display an on-screen keyboard that highlights keys as they are pressed, colored according to the correct finger for touch typing.
  • Comprehensive Settings: Include a settings component with instructions and a visual guide for finger positioning and corresponding colors.

Features

  1. Typing Test Component

    • Displays a random passage for users to type.
    • Provides a text area for typing input.
    • Calculates and displays typing speed (words per minute) and accuracy in real-time.
    • Starts a timer when the user begins typing.

  2. Keyboard Component

    • Shows an on-screen keyboard.
    • Highlights keys as they are pressed.
    • Colors keys according to the correct finger for touch typing.

  3. Settings Component

    • Accessible via a settings button.
    • Displays instructions for using the typing test.
    • Includes a visual guide showing fingers and their corresponding colors.

  4. Dark Mode

    • The app uses dark mode by default for a modern and comfortable user experience.