ecommerce-frontend-web-app
Angular app managing user friendly e-Commerce frontend served by a Spring Boot backend microservice application
File Explorer
- pipeline-dev-pr.yml
- pipeline-dev-push.yml
- pipeline-prod-pr.yml
- pipeline-prod-push.yml
- pipeline-stage-pr.yml
- pipeline-stage-push.yml
- home.component.css
- home.component.html
- home.component.spec.ts
- home.component.ts
- authentication-request.spec.ts
- authentication-request.ts
- cart-dto-collection-response.spec.ts
- cart-dto-collection-response.ts
- category-dto-collection-response.spec.ts
- category-dto-collection-response.ts
- credential-dto-collection-response.spec.ts
- credential-dto-collection-response.ts
- favourite-dto-collection-response.spec.ts
- favourite-dto-collection-response.ts
- order-dto-collection-response.spec.ts
- order-dto-collection-response.ts
- payment-dto-collection-response.spec.ts
- payment-dto-collection-response.ts
- product-dto-collection-response.spec.ts
- product-dto-collection-response.ts
- shipping-dto-collection-response.spec.ts
- shipping-dto-collection-response.ts
- user-dto-collection-response.spec.ts
- user-dto-collection-response.ts
- authentication-response.spec.ts
- authentication-response.ts
- address.spec.ts
- address.ts
- cart.spec.ts
- cart.ts
- category.spec.ts
- category.ts
- credential.spec.ts
- credential.ts
- favourite.spec.ts
- favourite.ts
- order.spec.ts
- order.ts
- payment.spec.ts
- payment.ts
- product.spec.ts
- product.ts
- shipping.spec.ts
- shipping.ts
- user.spec.ts
- user.ts
- verification-token.spec.ts
- verification-token.ts
- authentication.service.spec.ts
- authentication.service.ts
- category.service.spec.ts
- category.service.ts
- product.service.spec.ts
- product.service.ts
- user.service.spec.ts
- user.service.ts
- app-routing.module.ts
- app.component.css
- app.component.html
- app.component.spec.ts
- app.component.ts
- app.module.ts
- .gitkeep
- environment.prod.ts
- environment.ts
- favicon.ico
- index.html
- main.ts
- polyfills.ts
- styles.css
- test.ts
- .browserslistrc
- .editorconfig
- .gitattributes
- .gitignore
- angular.json
- azure-pipelines.yml
- compose.yml
- Dockerfile
- karma.conf.js
- package-lock.json
- package.json
- README.md
- tsconfig.app.json
- tsconfig.json
- tsconfig.spec.json
# Use via CDN
jsDelivrjsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.
Command Glossary
Commands referenced in this DOCs, explained below.
ng build
View Details ▼
ng build
Compile an Angular application or library into an output directory named `dist/`.
ng {{[b|build]}}
Build an Angular application or library:
ng {{[b|build]}} --output-path {{path/to/directory}}
Specify the output path relative to the workspace root:
ng {{[b|build]}} --aot
Enable Ahead-of-Time (AOT) compilation:
ng e2e
View Details ▼
ng e2e
Build and serve an Angular application, then run end-to-end tests.
Note: Available `e2e` packages include Playwright, Cypress, Nightwatch, WebdriverIO, and Puppeteer.
ng {{[e|e2e]}}
Run end-to-end tests:
ng {{[e|e2e]}} {{[-c|--configuration]}} {{development|production|...}}
Run end-to-end tests using a specific configuration:
ng generate
View Details ▼
ng generate
Generate and/or modify files based on a schematic.
ng {{[g|generate]}} ai-config
Generate AI configuration files for Angular project:
ng {{[g|generate]}} {{[s|service]}} {{service_name}}
Create a new service:
ng {{[g|generate]}} {{[app|application]}} {{app_name}}
Generate a new application within the workspace:
ng serve
View Details ▼
ng serve
Build and serve the application, rebuilding on file changes.
ng {{[s|serve]}}
Start the application:
ng {{[s|serve]}} {{[-o|--open]}}
Start the application and open it in a browser:
ng {{[s|serve]}} --port 4201
Start the application on port `4201`:
ng test
View Details ▼
ng test
Run unit tests in a project.
Note: Some commands might require additional packages such as Vitest.
ng {{[t|test]}}
Run unit tests:
ng {{[t|test]}} {{[-c|--configuration]}} {{development|production|...}}
Run unit tests using a specific configuration:
ng {{[t|test]}} --browsers {{firefox|webkit|chromium}}
Specify the browsers to use for test execution:
