Keyzen

A modern, feature-rich typing speed test application designed to help you master your typing skills with detailed analytics and smooth user experience.

✨ Features

• Real-time Metrics: Live WPM, accuracy, and consistency tracking
• Comprehensive Analytics: Detailed progress charts and personal bests
• Multiple Test Modes: 15s, 30s, 60s, and 120s duration options
• Advanced Statistics: Character-level accuracy, peak WPM, and improvement tracking
• Smooth Animations: Fluid cursor transitions and responsive UI
• Dark/Light Theme: Toggle between themes for comfortable typing
• Data Export: Backup your progress with JSON export functionality

🚀 Quick Start

1. Clone the repository

   git clone https://github.com/caerux/keyzen.git
   cd keyzen

2. Install dependencies

   npm install

3. Start development server

   npm run dev

4. Open your browser Navigate to http://localhost:5173 and start typing!

🛠️ Built With

• React 18 - Modern UI framework
• Tailwind CSS - Utility-first styling
• Chart.js - Interactive progress charts
• Vite - Fast build tool and dev server

📊 Analytics Features

• Personal Bests: Track your highest WPM, accuracy, and consistency
• Progress Charts: Visualize improvement over time with interactive graphs
• Test History: Review recent typing sessions with detailed breakdowns
• Statistics Dashboard: Comprehensive overview of your typing journey

🎯 Usage

1. Focus: Click on the text area or it will auto-focus on page load
2. Type: Start typing the displayed text to begin the test
3. Track: Monitor your real-time WPM, accuracy, and consistency
4. Analyze: View detailed results and analytics after each test
5. Improve: Use insights to identify areas for improvement

⌨️ Keyboard Shortcuts

• Tab or Ctrl+R - Restart current test
• Esc - Reset test to initial state
• Just start typing to begin!

🔧 Development

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

📱 Responsive Design

Keyzen works seamlessly across all devices with a responsive design that adapts to your screen size.

🎨 Themes

Switch between light and dark themes using the theme toggle in the header for a comfortable typing experience in any lighting condition.

📄 License

This project is open source and available under the MIT License.

---

Keyzen - Master Your Typing Speed 🚀