{"id":17757828,"url":"https://github.com/paralleltask/angular-starter","last_synced_at":"2025-04-01T12:24:01.524Z","repository":{"id":138438919,"uuid":"116576198","full_name":"ParallelTask/angular-starter","owner":"ParallelTask","description":"An Angular starter featuring Angular 5 and Webpack includes (Tslint, Codelyzer, Composedoc)","archived":false,"fork":false,"pushed_at":"2018-02-16T12:09:12.000Z","size":148,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-03-11T08:17:42.678Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ParallelTask.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-01-07T15:23:23.000Z","updated_at":"2018-08-08T09:40:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"0392fef9-3ce6-4537-bccb-5b87dbe017f4","html_url":"https://github.com/ParallelTask/angular-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParallelTask%2Fangular-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParallelTask%2Fangular-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParallelTask%2Fangular-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ParallelTask%2Fangular-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ParallelTask","download_url":"https://codeload.github.com/ParallelTask/angular-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246636993,"owners_count":20809528,"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":"2024-10-26T17:09:03.633Z","updated_at":"2025-04-01T12:24:01.490Z","avatar_url":"https://github.com/ParallelTask.png","language":"TypeScript","readme":"\n# angular-starter\nAn Angular starter featuring Angular 5 and Webpack includes (Tslint, Codelyzer, Composedoc, Moq.ts, Fixture)\n\n## Getting Started\nThis project is well supported with vscode editor. Easy deployment with PCF (pivot clound foundry).\nUses `.scss` files for styling and no `.css` loaders are configured, add your own css loaders to support `.css` extensions\n\n- `npm install` to install dependencies\n- `npm run serve` quick launch of webpack-devserver that supports live-reload\n- `npm run build` build development ready files to **dist** directory\n- `npm run publish` build production ready files to **public** directory\n- `npm run serve:dev` starts dev server locally\n- `npm run serve:prod` starts production ready server locally and watch out file loading response times.\n- `npm run lint` runs coding standards rules across entire project (these rules can be set in tslint.json)\n- `npm start` build and start production ready server\n- `npm run test:karma` karma-chrome-launcher runs the jasmine unit test cases in chrome browser\n- `npm run webdriver:start` start the selenium webdriver before running protractor e2e tests\n- `npm run test:protractor` launch the protractor e2e tests\n\n\u003e Before running `serve:dev` and `serve:prod`, make sure the `npm run build` and `npm run publish` are executed to build output files.\n\n### Project Structure\n- config \n  \n  Webpack configuration files for different enviroments.\n- pcf_settings\n  \n  PCF deployment steps and files.\n- src\n\n  Angular source code.\n- e2e\n\n  End to End tests.\n- vscode_settings\n\n  VSCode editor configuration files specific to angular. Copy these files to your local **.vscode** project directory and you will automatically get suggestions to install plugins. Install these plugins for good dev experience.\n- pcf_steps.txt\n  \n  Explains how to deploy your application to PCF environment\n- installation.txt\n \n  Explains the softwares required to start building angular-starter application\n \n\n### Features\n\n- Easy switching between early and lazy load of modules in angular by configuring **global.lazyLoad** property in `config/start.js`\n- Support to load external files like bootstrap, jquery in 3 configurable ways in `config/webpack.build.js`\n    1. Load via CDN, configure **cdn** property in `config\\webpack.pkgs.js`\n    2. Load via Local modules, configure **local** in `config\\webpack.pkgs.js`\n    3. Load local modules but bundle them, import those files in `src/vendor.ts` with extensions\n\u003eComment local modules import in `vendor.ts` when you choose **cdn | local**\n- Easy switch between hash and non hash based url. Configure `src/app/app.configuration.ts`\n- Angular supports **CaseSensitiveUrling** which is the default web standard, configurable `src/app/app.configuration.ts`\n- Enable angular prod mode by setting **environment: prod** property in `src/app/app.configuration.ts`\n\n### Internals\n- This project uses **webpack-conditional-loader** to support easy switch between lazy and early load of modules.\n- This project uses **codelyzer** for configuring coding standards across teams.\n- This project uses **composedoc** to build your angular documentation, we can look at generated docs for quick understanding of project architecture.\n- `@NgModule` configuration object splitted out to seperate `.config` file under `setup` directory for each module **(ex: About)** to increase the smooth development in testing the components\n\n### Known Issues\n- Move app configuration from **app.configuration.ts** to **app.configuration.json** to reduce rebuild on configuration changes but this requires us to do **http.get** request on application startup because angular can only read .ts files and not the .json files.\n- Configure sourcemaps builds for specific .ts files. We can exclude vendor.ts, polyfiils.ts from source maps generation.\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparalleltask%2Fangular-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fparalleltask%2Fangular-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fparalleltask%2Fangular-starter/lists"}