Work Flow Visualizer

Introduction

This project provides an editor in which users can create different types of nodes and connect them with edges to create graphs. Users can also save and edit their graphs later. Custom nodes can be created to meet specific requirements.

Requirements

• Node.js
• npm

Installation

1. Clone the repository: git clone https://github.com/Inventor77/Work-Flow-Visualizer.git
2. Navigate to the project directory: cd Work-Flow-Visualizer
3. Install the dependencies: npm install
4. Start the development server: npm start

Features

• Text node: Add text to a node
• Image node: Add an image to a node
• Syntax highlight node: Add code with syntax highlighting to a node
• Text area node: Add a large block of text to a node
• Custom node: Create a node with custom content

Usage

1. Click on the "New Project" button to create a new Work Flow.
2. Drag and drop a node to move it around.
3. Click and drag an edge to connect two nodes.
4. Double-click a node to edit its content.
5. Click the save button to save the graph for later use.

Screenshots

Creating a Project

Creating a Node

Node List