React Flow MVP

A lightweight flowchart editor built with React and TypeScript. Drag nodes, pan/zoom the canvas, and see real-time connections between elements.

Features

• 🎯 Drag & Drop - Move nodes freely on the canvas
• 🖱️ Canvas Navigation - Pan and zoom with mouse controls
• 🔗 Auto-connections - SVG edges that update in real-time
• 🎨 Clean UI - Grid background and intuitive controls

Quick Start

npm install
npm run dev

Open http://localhost:3000 to start building your flowchart.

Usage

• Move nodes: Click and drag any node
• Pan canvas: Click and drag empty space
• Zoom: Use mouse wheel or +/- buttons
• Reset: Click the ⊙ button to reset zoom