🎹 Keyboard Tester

A sleek and modern web application built with Next.js, React, and Tailwind CSS for testing keyboard functionality in real time. Whether you're debugging a sticky key or testing a custom layout, Keyboard Tester provides a seamless experience across devices.

---

🚀 Features

• 🔄 Real-Time Key Detection
  Instantly highlights keys as you press them.

• 🖥️ Interactive Keyboard Layout
  Clean, responsive, and interactive visual representation of your keyboard.

• 🌙 Dark/Light Mode Support
  Switch themes effortlessly to suit your environment.

• 📱 Mobile & Tablet Compatible
  Fully responsive UI for testing external keyboards on the go.

• 🔐 Privacy-Focused
  100% client-side. No data is stored or sent anywhere.

• 🌍 Customizable Layouts
  Support for different languages and custom key maps.

---

⚙️ Tech Stack

• Frontend: Next.js, React, Tailwind CSS
• Development Tooling: Bun (Recommended), Node.js + npm (Optional)

---

🧪 Getting Started

Prerequisites

Recommended: Install Bun for faster installs and dev environment.
Or use Node.js and npm if preferred.

---

🔧 Installation

Using Bun

bun install
bun run dev

Using npm

npm install
npm run dev

The app will be running at: http://localhost:3000

---

🧠 Interesting Highlights

• ✅ Cross-Platform Support — Works on Windows, macOS, and Linux
• 🔁 Live Feedback — Every keypress reflected in real-time
• 🎨 Tailwind-Powered UI — Clean, responsive, and fast
• 🔧 Easy to Extend — Add support for new layouts or languages with minimal changes
• 💻 Developer-Friendly — Simple to contribute and fork

---

📄 License

© 2025 Dhruv Akbari — All rights reserved.

---

👨‍💻 Author

Made with ❤️ by Dhruv Akbari

---

⭐️ If you find this useful, give it a star on GitHub and share it with others!