UI workflow Tool to generate Angular applications

Balram Chavan
4 min readMay 3, 2021

If you are an Angular developer, like to build and play with quick and cool ideas then you might find creating new Angular applications and its components using Angular CLI commands could be quite weary.

Of course, the Angular CLI commands are very easy to use and handy. The complexity arises when you have nested routes, components, services to be generated inside a complex application. You shall type long Angular CLI commands to get things done. For example, say you have a parent NgModule dashboard and you wish to generate child NgModule with dynamic routing account then command would look like as below

ng generate module dashboard/account --route account --module dashboard.module

This is just one level of routing, now image you want to generate child module at route level say 5!

But what if you could just draw your Angular application routing and functional workflow and magically generate complete Angular application boilerplate code? Well, not exactly drawing and not with the magic, but at least an UI tool to model your route workflow.

The below example shows a simple e-commerce web application workflow with Login, SignUp, Dashboard, Products, Accounts routes with Services and Pipes to be built for quick testing. How cool it would be to just define the workflow in a horizontal tree and generate Angular application?

--

--