Call Center Flow Editor โ€” now updated with Angular 20 & Signals ๐Ÿš€

About a year ago I shared a small side project: a call center flow editor built on top of Foblex Flow.

The idea was simple โ€” give users a way to design call flows visually by dragging nodes and connecting them, instead of writing configuration manuall…


This content originally appeared on DEV Community and was authored by Siarhei Huzarevich

About a year ago I shared a small side project: a call center flow editor built on top of Foblex Flow.

The idea was simple โ€” give users a way to design call flows visually by dragging nodes and connecting them, instead of writing configuration manually.

Since then, Angular has evolved, and so has this project. I wanted to take advantage of Angular 20 and its new Signals API, so I decided to give the editor a proper refresh.

๐Ÿ”ฅ Whatโ€™s New

Hereโ€™s what changed in this update:

  • Migrated the whole project to Angular 20
  • Rewritten state management on Signals โ†’ no external store, simpler and more reactive
  • Added a Light/Dark theme switch for a nicer editing experience
  • Added Undo/Redo (finally you can experiment without fear)
  • Improved overall UX (zooming, dragging and reconnecting nodes feels smoother)
  • Using Angular Material components for the interface

Demo & Source

๐Ÿ‘‰ Live Demo

๐Ÿ‘‰ Source Code

โญ Library: Foblex Flow

Reflections

Moving everything to Signals simplified the state logic a lot. Undo/redo was much easier to wire up, and persisting state in localStorage became almost trivial.

This was a good reminder that Angularโ€™s ecosystem is evolving quickly โ€” and Signals are already powerful enough to drive fairly complex interactive UIs.

Closing Thoughts

This project started as a small experiment, but it keeps evolving together with Angular. Signals made the code simpler and the editor itself more responsive.

Iโ€™m planning to keep polishing it, so feedback is always welcome ๐Ÿ™Œ

๐Ÿ‘‰ Try the demo: https://foblex.github.io/f-flow-example

And if you find this project useful, consider leaving a โญ on GitHub โ€” it really helps!


This content originally appeared on DEV Community and was authored by Siarhei Huzarevich


Print Share Comment Cite Upload Translate Updates
APA

Siarhei Huzarevich | Sciencx (2025-09-03T21:00:37+00:00) Call Center Flow Editor โ€” now updated with Angular 20 & Signals ๐Ÿš€. Retrieved from https://www.scien.cx/2025/09/03/call-center-flow-editor-now-updated-with-angular-20-signals-%f0%9f%9a%80-2/

MLA
" » Call Center Flow Editor โ€” now updated with Angular 20 & Signals ๐Ÿš€." Siarhei Huzarevich | Sciencx - Wednesday September 3, 2025, https://www.scien.cx/2025/09/03/call-center-flow-editor-now-updated-with-angular-20-signals-%f0%9f%9a%80-2/
HARVARD
Siarhei Huzarevich | Sciencx Wednesday September 3, 2025 » Call Center Flow Editor โ€” now updated with Angular 20 & Signals ๐Ÿš€., viewed ,<https://www.scien.cx/2025/09/03/call-center-flow-editor-now-updated-with-angular-20-signals-%f0%9f%9a%80-2/>
VANCOUVER
Siarhei Huzarevich | Sciencx - » Call Center Flow Editor โ€” now updated with Angular 20 & Signals ๐Ÿš€. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/09/03/call-center-flow-editor-now-updated-with-angular-20-signals-%f0%9f%9a%80-2/
CHICAGO
" » Call Center Flow Editor โ€” now updated with Angular 20 & Signals ๐Ÿš€." Siarhei Huzarevich | Sciencx - Accessed . https://www.scien.cx/2025/09/03/call-center-flow-editor-now-updated-with-angular-20-signals-%f0%9f%9a%80-2/
IEEE
" » Call Center Flow Editor โ€” now updated with Angular 20 & Signals ๐Ÿš€." Siarhei Huzarevich | Sciencx [Online]. Available: https://www.scien.cx/2025/09/03/call-center-flow-editor-now-updated-with-angular-20-signals-%f0%9f%9a%80-2/. [Accessed: ]
rf:citation
» Call Center Flow Editor โ€” now updated with Angular 20 & Signals ๐Ÿš€ | Siarhei Huzarevich | Sciencx | https://www.scien.cx/2025/09/03/call-center-flow-editor-now-updated-with-angular-20-signals-%f0%9f%9a%80-2/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.