This is a React project showcasing a drag and drop workflow visualization demo. The project utilizes the ReactFlow library to create an interactive and dynamic workflow visualization.

To run this project locally, follow these steps:

Clone this repository to your local machine.

git clone git@github.com:Liyumk/dag-flow-demo.git

Navigate to the project directory:

cd dag-flow-demo

Install the dependencies.

npm install

Start the development server.

npm run dev

This project utilizes the ReactFlow library, which is a highly customizable and feature-rich library for building flowcharts, diagrams, and graphs in React applications. ReactFlow provides a set of powerful components and hooks that make it easy to create interactive and visually appealing workflow visualizations.

To learn more about ReactFlow, please refer to the official documentation: ReactFlow Documentation

The DnD React library is used in this project to enable drag and drop functionality for the workflow elements. It provides an intuitive and flexible way to implement drag and drop interactions in React applications.

To learn more about DnD React, please refer to the official documentation: DnD React Documentation