Development of an Interactive Flowchart Laravel/Livewire -- 2
Budget: €750 – €1,500 EUR
We are seeking an experienced Laravel developer to implement an interactive flowchart feature in our existing Laravel application. Our application serves as a knowledge base for employees, and we wish to enhance it with a new feature called "Work Instructions".
The primary goal is to create a user-friendly interface that allows employees to design and follow work processes through a flowchart. This process should be supported by a robust and flexible backend model.
Technical Specifications:
Backend Framework: Laravel 10
Frontend Framework: Livewire 3
Admin Panel: Filament 3
Required Functionalities:
1. Drag-and-Drop Interface: Users should be able to add text blocks and choice fields using drag-and-drop.
2. Text and Choice Blocks: Support for HTML text and multiple choice options.
3. Dynamic Flowcharts: Ability to edit flowcharts, including adding/removing blocks and rerouting lines.
4. Data Models:
- WorkInstruction Model: With attributes like title, description, and relation to the Article model.
- WorkInstructionStep Model: With attributes like step_title, step_instruction, step_order, step_type.
- WorkInstructionChoice Model: For steps with choice options.
5. Storage and Relationships: The flowcharts should be stored in a model with relationships, so they can be linked to articles.
Deliverables:
1. Fully functional drag-and-drop interface for creating flowcharts.
2. Backend implementation for storing and managing flowchart data.
E.G. library https://github.com/alyssaxuu/flowy or https://github.com/jerosoler/Drawflow
The feature should be created using best practice and the use of Livewire v3
It should be a standalone livewire component(s) that we can implement ourself in our project
The primary goal is to create a user-friendly interface that allows employees to design and follow work processes through a flowchart. This process should be supported by a robust and flexible backend model.
Technical Specifications:
Backend Framework: Laravel 10
Frontend Framework: Livewire 3
Admin Panel: Filament 3
Required Functionalities:
1. Drag-and-Drop Interface: Users should be able to add text blocks and choice fields using drag-and-drop.
2. Text and Choice Blocks: Support for HTML text and multiple choice options.
3. Dynamic Flowcharts: Ability to edit flowcharts, including adding/removing blocks and rerouting lines.
4. Data Models:
- WorkInstruction Model: With attributes like title, description, and relation to the Article model.
- WorkInstructionStep Model: With attributes like step_title, step_instruction, step_order, step_type.
- WorkInstructionChoice Model: For steps with choice options.
5. Storage and Relationships: The flowcharts should be stored in a model with relationships, so they can be linked to articles.
Deliverables:
1. Fully functional drag-and-drop interface for creating flowcharts.
2. Backend implementation for storing and managing flowchart data.
E.G. library https://github.com/alyssaxuu/flowy or https://github.com/jerosoler/Drawflow
The feature should be created using best practice and the use of Livewire v3
It should be a standalone livewire component(s) that we can implement ourself in our project