Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/newaeonweb/enterpriseappboilerplate
Baseline Angular project built with workspace concept to start an enterprise Angular applications with a solid structure.
https://github.com/newaeonweb/enterpriseappboilerplate
angular angularmaterial boilerplate eslint typescript ui-components
Last synced: about 2 months ago
JSON representation
Baseline Angular project built with workspace concept to start an enterprise Angular applications with a solid structure.
- Host: GitHub
- URL: https://github.com/newaeonweb/enterpriseappboilerplate
- Owner: newaeonweb
- Created: 2020-12-06T15:08:11.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2020-12-21T13:24:51.000Z (about 4 years ago)
- Last Synced: 2023-04-05T06:06:15.739Z (over 1 year ago)
- Topics: angular, angularmaterial, boilerplate, eslint, typescript, ui-components
- Language: HTML
- Homepage:
- Size: 567 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# EnterpriseApp
It is a simple baseline project built with _workspace_ concept to start an enterprise Angular applications with a solid structure.
Including the new ESLINT [recommended](https://github.com/angular-eslint/angular-eslint#migrating-from-codelyzer-and-tslint) by the Angular Team to replace the old TSLINT on Angular projects.
> This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.0.3.
### Highlights
- Using Angular **workspace strategy**.
- **Eslint** ready and running (Tslint will be removed from Angular apps)
- Unit tests running with **puppeteer** and **chrome headless browser**.
- **Angular Library** built with Angular Material running on local project.
- Deploy to **gh-pages** using Github Actions.
- Include **.prettierrc** with some best practices rules.
DEMO APP: Runing on [gh-pages](https://newaeonweb.github.io/enterpriseAppBoilerplate/).
## Project Structure
The most important feature is the ui-elements project library, where you must place all the components for your ui, this means that the EnterpriseAppBoilerplate is a UI framework agnostic, so you can use any ui.
```
.
|____example-app
| |____.browserslistrc
| |____e2e
| | |____protractor.conf.js
| | |____src
| | | |____app.e2e-spec.ts
| | | |____app.po.ts
| | |____tsconfig.json
| |____karma.conf.js
| |____src
| | |____app
| | | |____app-routing.module.ts
| | | |____app.component.html
| | | |____app.component.scss
| | | |____app.component.spec.ts
| | | |____app.component.ts
| | | |____app.module.ts
| | |____assets
| | | |____.gitkeep
| | |____environments
| | | |____environment.prod.ts
| | | |____environment.ts
| | |____favicon.ico
| | |____index.html
| | |____main.ts
| | |____polyfills.ts
| | |____styles.scss
| | |____test.ts
| |____tsconfig.app.json
| |____tsconfig.spec.json
| |____.eslintrc.json
|____ui-elements
| |____karma.conf.js
| |____ng-package.json
| |____package.json
| |____README.md
| |____src
| | |____lib
| | | |____navbar
| | | | |____navbar.component.html
| | | | |____navbar.component.scss
| | | | |____navbar.component.spec.ts
| | | | |____navbar.component.ts
| | | |____ui-elements.module.ts
| | |____public-api.ts
| | |____test.ts
| |____tsconfig.lib.json
| |____tsconfig.lib.prod.json
| |____tsconfig.spec.json
| |____.eslintrc.json
```
## Development server
Prepare the ui library `npm run ui:build`
To see the example app run `npm run start:example`. Navigate to `http://localhost:3000/`.
## Code scaffolding
We recommend the use of: [Nx Console](https://nx.dev/latest/angular/cli/console) if you use vscode you can find [here](https://marketplace.visualstudio.com/items?itemName=nrwl.angular-console).
## Build
The project uses Github Actions Workflow to build and deploy the application.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
## Further help
For this moment we only have one component in our library so this boilerplate is a working in progress...More news coming soon!