{"id":19763514,"url":"https://github.com/netgrif/nae-frontend-application-starter","last_synced_at":"2025-04-30T14:31:52.848Z","repository":{"id":38840893,"uuid":"458170901","full_name":"netgrif/nae-frontend-application-starter","owner":"netgrif","description":"Frontend Starter for Netgrif Application Engine","archived":false,"fork":false,"pushed_at":"2024-01-19T20:20:16.000Z","size":193,"stargazers_count":4,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-16T10:59:11.194Z","etag":null,"topics":["angular","netgrif","petriflow","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/netgrif.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":"2022-02-11T12:06:45.000Z","updated_at":"2023-01-11T12:46:35.000Z","dependencies_parsed_at":"2022-08-26T20:02:33.443Z","dependency_job_id":null,"html_url":"https://github.com/netgrif/nae-frontend-application-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/netgrif%2Fnae-frontend-application-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/netgrif%2Fnae-frontend-application-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/netgrif%2Fnae-frontend-application-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/netgrif%2Fnae-frontend-application-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/netgrif","download_url":"https://codeload.github.com/netgrif/nae-frontend-application-starter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224214068,"owners_count":17274524,"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":["angular","netgrif","petriflow","typescript"],"created_at":"2024-11-12T04:09:32.104Z","updated_at":"2024-11-12T04:09:32.671Z","avatar_url":"https://github.com/netgrif.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Netgrif Application Engine Frontend Starter\n\nThis is a frontend starter project for [Netgrif Application Engine](https://github.com/netgrif/components) to display\nyour NAE based application, manage your processes, cases and tasks.\n\nIt helps if you are familiar with Angular Framework, Typescript, CSS and HTML, but it is not necessary as this starter\nproject already contains some predefined views and navigation items, which are suitable for interacting with your\nprocesses.\n\n# Requirements\n\nFrontend application has some requirements for runtime environment. The following table is summary of requirements to\nbuild, run and use the engine.\n\n| Name | Version | Description | Recommendation |\n|------|---------|-------------|----------------|\n| [Angular CLI](https://angular.io) | 13.+ | TypeScript-based web application framework | ```npm i -g @angular/cli@13.3.1\"``` |\n| [NodeJs](https://nodejs.org/en/) | 12.20+ OR 14.15+ OR 16.10.+ | JavaScript runtime built on Chrome's V8 JavaScript engine | [NodeJs 14.19.3](https://nodejs.org/download/release/v14.19.3/) |\n| [NPM](https://www.npmjs.com) | 6.5.+ OR 7.4.+ | Node Package Manager | Compatible version comes with NodeJs |\n\n# Installation\n\nThis project can be used as a base to your NAE application. Before you start coding please consider doing following\nsteps to personalize project:\n\n- In package.json, change the value of ```name``` attribute to name of your application\n\nAs it is an Angular project, there is a file called ```package.json``` in root folder, which contains information about\nproject and application, script definitions, dependencies and their versions.\n\nFirst step is to install the dependencies using the NPM package manager. Using terminal, navigate to the root folder (\nwhere the ```package.json``` is saved) and run ```npm install --legacy-peer-deps``` command. This will scan the ```package.json``` file and\ninstall the dependencies from NPM repositories.\n\nThe second step is to build the application using Angular CLI (Command Line Interface). This can be done using terminal\nwhen you are in the root folder of the project running ```ng build``` command. This will create a ```dist``` folder,\nthat contains the build of application. This build then can be moved to a web server (e.g. Apache or Nginx).\n\nTo run the application locally you can use ```ng serve``` command, that runs an embedded server and serves the\napplication to localhost. Port of the application can be changed using ```--port``` option. The default port is 4200.\n\n## NAE.json\n\nThe frontend application consist of side menu and a views for the application. There are some predefined views for\nprocesses, cases, tasks and user management. Further views can be added using Angular schematics.\n\nTo configure NAE application more easily the libraries use file ```nae.json``` that is placed in root of the project.\n```nae.json``` defines global application configuration like urls to backend resources, services' configurations,\nrouting and views.\n\n\u003c!--- For generating a view that is defined in ```nae.json``` you can use Angular Schematics. In terminal, use ```ng generate netgrif:components``` command to run NAE Components Schematic tool. ---\u003e\n\nYou can find [minimal nae.json configuration here](docs/configuration/nae-minimal.json).\n\nFor easier startup\nclone [template project for NAE frontend application](https://github.com/netgrif/nae-frontend-starter)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnetgrif%2Fnae-frontend-application-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnetgrif%2Fnae-frontend-application-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnetgrif%2Fnae-frontend-application-starter/lists"}