@param_tpss/react-dev-notes/README.md

A sticky developer note panel with drag-and-drop tasks and markdown editing, for React apps (dev-only tool).

# react-dev-notes

> 🛠️ A developer-only sticky notes panel with live Markdown editing, drag-and-drop task management, and persistent storage — built for React apps.

---

## ✨ Features

- ✅ Sticky notes panel always on screen (dev-only)
- ✅ Live Markdown editing for quick dev notes
- ✅ Drag-and-drop task management with priorities
- ✅ Persistent storage via `localStorage`
- ✅ Toggle show/hide with a floating button
- ✅ Only visible in development mode

---

## 📦 Installation

```bash
npm install react-dev-notes
OR
yarn add react-dev-notes

---

🚀 Usage
import React from "react";
import DevNotesPanel from "react-dev-notes";
import "@param_tpss/react-dev-notes/style";

function App() {
  return (
    <>
      <DevNotesPanel />
      <div className="p-4">
        <h1 className="text-2xl font-bold">Your App Content</h1>
      </div>
    </>
  );
}

export default App;

 The panel only shows in development mode (process.env.NODE_ENV !== 'production').
```