🚀 DevType

A fast, minimal typing speed test for developers — inspired by Monkeytype. Type faster, break your keyboard, flex your WPM with real code snippets.

---

⚡ Features

✅ Code snippets in C++, Java, and C
✅ Real-time typing accuracy & WPM calculation
✅ Timer with multiple modes (15s, 30s, 60s, 2min)
✅ Mistake highlighting
✅ Light & Dark mode
✅ Fully responsive — works on mobile and desktop
✅ Detailed statistics after each test

---

🛠️ Tech Stack

• React — frontend framework
• Tailwind CSS — styling
• Headless UI — accessible UI components

🚀 Getting Started

1. Clone the repository
2. Install dependencies:

   npm install
   

3. Start the development server:

   npm run dev
   

4. Open your browser and navigate to http://localhost:5173

🎯 How to Use

1. Select your preferred programming language (C++, Java, or C)
2. Choose a timer duration
3. Click "Start" or start typing to begin the test
4. Type the code snippet as accurately as possible
5. View your results when the test is complete
6. Try again with a new code snippet

🧩 Code Structure

• src/components/ — React components
  • TypingBox.jsx — Main typing interface
  • Timer.jsx — Timer component
  • Stats.jsx — Statistics display
  • Settings.jsx — Settings panel
• src/data/ — Data files
  • codeSnippets.js — Programming language code snippets