ngArch

ngArch is an Angular application architecture tool, analyzing the static structure of the Angular application and visually displaying the modules, components, services and data models in multiple diagrams.

Description

ngArch(Angular application architecture tool) includes the following parts and projects.

Demo

more demos

Contributing

The project is maintained by samcodex

When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.

Please note we have a code of conduct, please follow it in all your interactions with the project.

Getting started

Click on the "fork" button on top to clone your own fork of the ngArch project. It contains ngArch source code and the dependencies, including ngArch-server<br>

npm install

npm start ngarch-server
(using port 3000 for websocket)

When the server is running, it first parses the current Angular project which is ngArch application itself.

npm start
(using port 5200)

http://localhost:5200

Since ngArch is already parsed, the displaying content is the structure of ngArch itself.
Change the analyzing project from drop down menu on the top.

Use ngArch as development dependency

Install ngArch as development dependency to your Angular project

npm install ngarch-dev --save-dev

"scripts": {
  ...
  "ngarch": "node node_modules/ngarch-server/server",
  ...
}

npm run ngarch
(using port 3000 for web and websocket)

When the server is running, it first parses the host angular project.

http://localhost:3000

The displaying content is the structure of your Angular project

License

MIT