/Angular-Core-Concepts

Provides a simple demo application covering Angular core concepts (components, services, modules, routing)

Primary LanguageTypeScript

Angular Core Concepts

This project shows several core features of Angular including:

  • Components
  • Data Binding
  • Communication between components
  • Services
  • Routing

Running the Project Locally

  1. Install the Angular CLI

    npm install -g @angular/cli

  2. Run npm install at the root of this project

  3. Run ng serve -o

Running the Project Using Docker Containers

  1. Install the Angular CLI

    npm install -g @angular/cli

  2. Run npm install at the root of this project

  3. Build the project

    ng build

  4. Ensure that you have volumes (file sharing) enabled in the Docker Desktop settings.

  5. Run docker-compose build

  6. Run docker-compose up

  7. Visit http://localhost

Running the Production Version in Containers

  1. Run docker-compose -f docker-compose.prod.yml build. This uses a multi-stage Docker build process to create the nginx image for the Angular app.

  2. Run docker-compose -f docker-compose.prod.yml up and visit http://localhost.

  3. Run docker-compose -f docker-compose.prod.yml down once you're done.