💬 Flow Builder - React Flow + Next.js App Router

A visual flow builder built using React Flow and Next.js App Router. Users can drag, connect, and configure message nodes with a beautiful interface powered by Tailwind CSS, TypeScript, and Lucide icons.

---

🚀 Demo

🔗 Live Demo

---

📸 Screenshots

---

✨ Features

• 🧩 Drag and drop Message nodes
• 🔗 Connect nodes visually (Only 1 outgoing edge per source, multiple incoming allowed)
• ✍️ Edit message text using a Settings Panel
• ❌ Save validation (errors if unconnected nodes exist)
• 💾 Save button with error feedback
• 📦 Future-extensible node panel
• 🎨 Lucide icons integrated for UI polish

---

🧑‍💻 Tech Stack

• Next.js (App Router)
• React Flow
• TypeScript
• Tailwind CSS
• lucide-react
• UUID

---

🛠️ Installation

git clone https://github.com/your-username/flow-builder.git
cd flow-builder
npm install
npm run dev