This project is an advanced, interactive flow builder that allows users to create complex marketing and user journey flows. It features a drag-and-drop interface, connection system, and specialized nodes for various marketing channels, product catalogues, and AI-driven personalization.
The flow builder is designed to help marketers, product managers, and UX designers to visually map out user journeys, marketing campaigns, and product flows. It's particularly useful for businesses looking to integrate multiple channels, leverage AI for personalization, and manage product catalogues within their customer journey.
- Drag-and-Drop Interface: Easily create flows by dragging nodes onto the canvas.
- Multiple Node Types:
- Start/End nodes
- Social Media nodes (Facebook, Twitter, Instagram)
- Landing Page node
- Email node
- Decision node
- Catalogue node
- AI Personalization node
- Multi-Path node
- Connection System: Connect nodes to create complex flows.
- Node Properties: Edit node-specific properties:
- Catalogue: Add/remove products
- AI Personalization: Choose AI algorithm
- Multi-Path: Add/remove paths
- Save Functionality: Save flows as JSON for easy storage and retrieval.
- HTML5
- CSS3
- JavaScript (ES6+)
- jsPlumb (for the connection system)
- Font Awesome (for icons)
- Clone the repository: