Flow Architect is a premium, high-performance web application designed for traffic engineers and urban planners to design, visualize, and analyze complex road intersections.
- Interactive Canvas: Smooth, high-fidelity SVG-based intersection rendering with pan and zoom support.
- Dynamic Hub Geometry: Advanced adaptive junction geometry that transitions between different layouts.
- Branch Configuration: Fully customizable road arms with support for 3-way and 4-way intersections.
- Lane Management: Precise control over ingress and egress lanes, including volume settings and movement mapping (Left, Straight, Right).
- Visual Analytics: Real-time "Conservation of Flow" panel and dynamic legends to track traffic distribution.
- Persistence: Save and load intersection designs via JSON export/import.
- Micro-animations: Smooth transitions and sleek dark-mode aesthetics.
- Node.js (v16+)
- npm
- Clone the repository.
git clone https://github.com/filipmagula/flow-architect.git
- Install dependencies:
npm installRun the development server:
npm run devor build the app and host.
The app will be available at http://localhost:5173 (dev).
- React: Component-based UI logic.
- Lucide React: Beautiful, consistent iconography.
- Vanilla CSS: Custom-crafted design system with glassmorphism and modern aesthetics.
- SVG: High-resolution, scalable vector graphics for the canvas.
- Gemini: Vibe-coded and refactored in Antigravity (Gemini Flash model in 95%).
MIT