https://github.com/danwahlin/angular-core-concepts

Provides a simple demo application covering Angular core concepts (components, services, modules, routing)
https://github.com/danwahlin/angular-core-concepts

Last synced: 5 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/danwahlin/angular-core-concepts
• Owner: DanWahlin
• Created: 2018-01-19T16:19:35.000Z (about 7 years ago)
• Default Branch: main
• Last Pushed: 2024-03-25T05:13:07.000Z (11 months ago)
• Last Synced: 2025-02-07T03:07:18.203Z (15 days ago)
• Language: TypeScript
• Size: 1.19 MB
• Stars: 174
• Watchers: 10
• Forks: 107
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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`

1. Run `npm install` at the root of this project

1. Run `ng serve -o`

## Running the Project Using Docker Containers

1. Install the Angular CLI

    `npm install -g @angular/cli`

1. Run `npm install` at the root of this project

1. Build the project

    `ng build`

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

1. Run `docker-compose build`

1. Run `docker-compose up`

1. 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.

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

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