A sleek and responsive web application built with React.js to test and improve your typing speed and accuracy.
SpeedoType is designed to provide a seamless and engaging user experience for practicing typing.
- Real-time WPM Calculation: Watch your Words Per Minute (WPM) score update live as you type.
- Accuracy Tracking: Get instant feedback on your typing accuracy, calculated as a percentage.
- Best Score Persistence: Your highest WPM score is automatically saved in the browser's local storage, so you can track your personal best over time.
- Dark/Light Mode: Easily switch between a light and a dark theme to suit your preference and reduce eye strain.
- Interactive UI:
- Correctly typed characters are highlighted in green.
- Typing errors are immediately flagged in red.
- Restart Functionality: Quickly start a new test with a new paragraph at any time.
- Responsive Design: A clean and modern interface that works beautifully on desktops, tablets, and mobile devices.
This project was built using modern frontend technologies:
- React.js: For building the dynamic and interactive user interface.
- React Hooks (
useState,useEffect,useRef): For managing component state, side effects, and persistent values. - CSS3: For custom styling, animations, and creating the responsive layout.
- HTML5: For the core structure of the application.
- Browser Local Storage API: To persist the user's best WPM score on their device.
To get a local copy up and running, follow these simple steps.
Make sure you have Node.js and npm installed on your machine.
- You can download them from Node.js official website.
- Clone the repository :
git clone [https://github.com/OmkarM9090/speedotype.git](https://github.com/your-username/speedotype.git)
- Navigate to the project directory:
cd speedotype - Install NPM packages:
npm install
- Run the application:
The app will open automatically in your browser at
npm start
http://localhost:3000.
- Omkar Mahadik - GitHub