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

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').