interactive workflow demo live demo + logic

Workflow & Permissions Demo

Role-based workflow simulator inspired by the Erasmus portal work, with blocked actions, document review, status transitions, and audit history.

Open demo GitHub repo

AstroJavaScriptHTMLCSSState logicUI flows

What it demonstrates

Thinking in application workflows instead of only page layouts.
Mapping business rules into small but real permission and state transitions.
Keeping a process-oriented UI readable while still showing why actions are allowed or blocked.
Using the portfolio itself to show web-application logic inspired by real project work.

What to try

Stay on the staff role and try to submit immediately to see the blocked state.
Upload the missing agreement, submit the case, then switch to officer review.
Try forwarding the case too early, then approve the pending documents and move it to decision.
Switch to admin to approve and archive the case, or reset the simulator and explore the correction path.

This simulator uses one sample mobility case with simplified rules. It is meant to show how role-based workflows, permissions, review steps, and audit history can fit together in a compact web application.

Case SM-2026-014

Applicant Elena Koleva

Current role Staff

Current status Draft

Workflow stages

Staff is still preparing the case and required documents.

Activity log 3 entries