Master Your Typing is a sleek, responsive, and dynamic web application designed to help you test and improve your typing skills. Inspired by modern typing platforms, it offers a distraction-free environment with real-time feedback.
🚀 Live Demo: typing.rjsblog.in
- ⚡ Real-time Feedback: Instant WPM (Words Per Minute) and accuracy calculations as you type.
- 🎯 Precision Tracking: Color-coded highlighting (green for correct, red for mistakes).
- ⏱️ 60-Second Challenge: A standard 1-minute test to benchmark your speed.
- 📊 Performance Badges: Earn titles from "Learning" to "Expert" based on your results.
- 🌓 Dark Mode Ready: Beautifully designed for both light and dark environments.
- 📱 Fully Responsive: Practice on your desktop, tablet, or even your phone.
- ⌨️ Keyboard First: Use
Tabto quickly start or restart tests. - 🚫 Zero Friction: No login required. Just open and start typing.
- Frontend: React 19
- Styling: Tailwind CSS 4
- Components: shadcn/ui (Radix UI)
- Icons: Lucide React
- Build Tool: Vite
- Animations: Framer Motion
-
Clone the repository:
git clone https://github.com/rajjitlai/Master-Your-Typing.git cd Master-Your-Typing -
Install dependencies:
pnpm install # or npm install -
Run the development server:
pnpm run dev # or npm run dev -
Open your browser: Navigate to
http://localhost:5173
To create an optimized production build:
pnpm run build
# or
npm run buildThe output will be in the dist/ directory, ready for deployment.
Contributions are welcome! Feel free to open an issue or submit a pull request if you have ideas for improvements or new features.
This project is licensed under the MIT License - see the LICENSE file for details.
Built with ❤️ by Rajjit Laishram