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.