vue-draggable-workflow

A Vue.js project for creating draggable workflows using jsPlumb, Lodash, SortableJS, and more.

Project Overview

vue-draggable-workflow is a powerful and flexible tool for creating interactive, draggable workflow diagrams in Vue.js applications. It leverages several key libraries to provide a smooth and intuitive user experience.

Features

• Drag-and-drop workflow creation
• Customizable node and connection styles
• JSON-based data structure for easy saving and loading
• Responsive design for various screen sizes

Dependencies

This project relies on the following packages:

• Vue.js - Progressive JavaScript framework
• jsPlumb - Visual connectivity for web applications
• Lodash - A modern JavaScript utility library
• SortableJS - JavaScript library for reorderable drag-and-drop lists
• json-formatter-js - JSON formatter and viewer
• cacache - A fast, fault-tolerant, disk-based, data store

Installation

1. Clone the repository:

   git clone https://github.com/your-username/vue-draggable-workflow.git

2. Navigate to the project directory:

   cd vue-draggable-workflow

3. Install dependencies:

   npm install

Usage

1. Start the development server:

   npm run serve

2. Open your browser and visit http://localhost:8080 (or the port specified in your console).

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT License

Contact

If you have any questions or feedback, please open an issue in this repository.