Flow 2D - Production Line

A 2D dashboard for visualizing and managing production line machines in real-time.

update 2.0 Default Mode
To add new Machine or Operator:

1. Click button "Save/load"
2. "Save to browser" >> save all your design on local browser storage
3. "Load From Browser" >> get your recent design from browser (only 30 minutes after deleting, after that the design will auto delete)
4. "Export to File" >> to Export file into Json file and store it on device storage
5. "Import from File" >> to use file that you already export before
6. "Clear All" >> to delete all machine and operator node on surface

To control node connection:

Shapes Mode

Click "Hide Tools" or (Ctrl + Shift + H) to make all tools desepear


Click "Export/Embed" to get raw data

Click "Save to DB"
Save your machine and operator flow into database

TODO:

• make the delete button to delete machine
• also make it able to delete joining node machine
• make save load panel for editing line models
• fix bug "rotate text" on editing page
• add some input data (line ID)
• make connection flow from one line to another line (using path flow)
• adding "viewer mode" in tab (default and shapes) for display purposes (developer can use it to visualize their machine for their own projecn)
• adding editing shape for operator
• testing get and push data from DB

Email Me if you want to contribute...
check my github profile

1. Install dependency baru

pnpm install

2. Setup .env dengan kredensial SQL Server Anda

Edit file .env

3. Jalankan migrasi database

node server/db/migrate.js

4. Jalankan aplikasi

pnpm dev