{"id":24678625,"url":"https://github.com/samcodex/ngarch-app","last_synced_at":"2026-05-13T05:38:38.298Z","repository":{"id":38810921,"uuid":"124798403","full_name":"samcodex/ngarch-app","owner":"samcodex","description":"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.","archived":false,"fork":false,"pushed_at":"2022-12-10T16:14:10.000Z","size":3117,"stargazers_count":0,"open_issues_count":16,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-26T13:17:42.327Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/samcodex.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-03-11T20:52:40.000Z","updated_at":"2020-08-10T15:32:14.000Z","dependencies_parsed_at":"2022-09-18T11:21:05.448Z","dependency_job_id":null,"html_url":"https://github.com/samcodex/ngarch-app","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samcodex%2Fngarch-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samcodex%2Fngarch-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samcodex%2Fngarch-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/samcodex%2Fngarch-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/samcodex","download_url":"https://codeload.github.com/samcodex/ngarch-app/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244845865,"owners_count":20520035,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-01-26T13:17:46.951Z","updated_at":"2026-05-13T05:38:38.231Z","avatar_url":"https://github.com/samcodex.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NgArch\nNgArch is an Angular application architecture tool, analyzing Angular application and visually displaying the modules, components, services and data models in multiple diagrams. This repo is the web app(client) of the NgArch\n\n## Description\nNgArch 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.\n\nNgArch(Angular application architecture tool) contains two parts.\n\n\u003cul\u003e\n  \u003cli\u003eNgArch Server, is a node and express application. It analyzes the Typescript source code and extracts the elements of the Angular application.\u003c/li\u003e\n  \u003cli\u003eNgArch, is an Angular 6 application. It visually shows the elements and the structure of the application in multiple diagrams.\u003c/li\u003e\n\u003c/ul\u003e\n\n\u003cp\u003eDisplay Angular application architecture(ngArch architecture)\u003c/p\u003e\n\u003cimg src=\"https://github.com/samcodex/ngarch-app/blob/master/assets/ngapp_views.png\" width=\"500px\"/\u003e\n\u003cbr\u003e\n\n\u003cp\u003eDisplay Angular modules(ngArch modules)\u003c/p\u003e\n\u003cimg src=\"https://github.com/samcodex/ngarch-app/blob/master/assets/ngArch_Modules_Overview.png\" width=\"500px\"/\u003e\n\u003cbr\u003e\n\n\u003cp\u003eDisplay Angular elements and relationship(ngArch PonentDiagramModule diagram)\u003c/p\u003e\n\u003cimg src=\"https://github.com/samcodex/ngarch-app/blob/master/assets/ngArch_PonentDiagramModule.png\" width=\"500px\"/\u003e\n\n\n## Usage\nInstall ngarch-app which contains the server(ngarch-server) and the client(ngarch).\n\n`git clone https://github.com/samcodex/ngarch-app.git`\n\nthen\u003cbr\u003e\n`npm install`\n\n### Launch the server\n`npm start`\n\u003cbr\u003eThe server uses port 3000\n\n### Access the client\nIn browser, enter 'http://localhost:3000'\n\n### Install ngarch-server(server) manually\n`npm install ngarch-server`\n\n### Install ngarch(client) manually\n`npm install ngarch`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamcodex%2Fngarch-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsamcodex%2Fngarch-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsamcodex%2Fngarch-app/lists"}