🚀 Typing Speed Test App

A clean, modern typing speed test application built with Next.js 15, TypeScript, TailwindCSS, Shadcn UI, and Lucide icons.

Measure your typing speed (WPM), accuracy, and errors with a sleek interface and smooth page transitions using View Transition API.

---

📸 Preview

---

✨ Features

• 📈 Real-time WPM, Accuracy & Errors tracking
• 🎨 Beautiful, modern Shadcn UI design
• ⚡ Smooth page transitions using View Transition API
• 📝 Auto-start typing test on input
• 🔄 Restart test functionality
• 🧑‍💻 Built with Next.js 15 App Router + TypeScript

---

🛠️ Tech Stack

• Next.js
• TypeScript
• TailwindCSS
• Shadcn UI
• Animate UI
• Lucide Icons
• Framer Motion

---

🚀 Getting Started

1️⃣ Clone the repository:

git clone https://github.com/yourusername/nextjs-typing-speed-test.git
cd nextjs-typing-speed-test

2️⃣ Install dependencies:

pnpm install
# or
npm install

3️⃣ Run the development server:

pnpm dev
# or
npm run dev

Open http://localhost:5252 to view the app.

---

📂 Project Structure

src/
├── app/         → Next.js pages (app router)
├── components/  → UI components
├── context/     → App-wide context (quote fetch, etc)
├── hooks/       → Custom React hooks (if needed)
├── lib/         → Helper utilities
├── styles/      → Global styles

---

📜 License

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

---

❤️ Credits

• Shadcn UI
• Animate UI
• Lucide Icons
• Framer Motion

---