⏱ React Dev Timer

A lightweight, draggable development timer for React with custom 5-second chime notification.

✨ Features

• 🕒 Pomodoro-style timer
• 🖱 Fully draggable UI
• 🔔 5-second professional chime sound
• 🎨 Lightweight and minimal
• ⚡ Zero dependencies (except React)

📦 Installation

npm install react-dev-timer

🚀 Usage

import DevTimer from "react-dev-timer";
import "react-dev-timer/dist/index.css";

function App() {
  return (
    <div>
      <DevTimer timers={[1, 5, 10, 25, 30]} />
    </div>
  );
}

export default App;

⚙ Props (if any)

| Prop | Type | props | Description | | ----------- | ------ | ----------------------- | ------------------------ | | initialTime | number | 5, 10, 15, 25,30,40 ... | Initial timer in minutes |

🎯 Why Use React Dev Timer?

Perfect for:

• Developers using Pomodoro
• Focus sessions
• Coding sprints
• Time tracking during development

📄 License

MIT © 2026 SHUBHAM OSWAL