A powerful tool for creating customized workflows with ease.
Check out the live version of the Workflow Visualizer: https://visualizeworkflow.netlify.app/
This project was bootstrapped with Create React App.
In the project directory, you can run:
npm start: Runs the app in development mode.npm test: Launches the test runner.npm run build: Builds the app for production.npm run eject: Ejects the app for full control.
-
Custom Workflow Creation: Design and customize workflows with ease using the Workflow Visualizer. Create workflow nodes with unique text, content, and input/output connections (called “Handles”) to suit your specific needs.
-
Versatile Node Connections: Each node in the workflow can have its own unique content and connections, but also share relationships and flows between nodes, allowing for complex and dynamic workflows.
-
Export Options: Seamlessly export your workflow in various formats, including JSON and PDF, enabling easy sharing, storage, and integration with other tools.
-
Clean & Customizable UI: Enjoy a clean, user-friendly interface that’s fully customizable and reusable. The UI is designed using compound design principles, ensuring flexibility and consistency across your workflows.
To install and set up the project locally:
git clone https://github.com/Abhiroy17/workflow-visualizer.git
cd workflow-visualizer
npm install
npm start- React - JavaScript library for building user interfaces.
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
- Edgeverve - For inspiration to build a small prototype of workflow visualizer.
- Abhijit Roy: LinkedIn
- Email: abhiroycs17@gmail.com