hub / github.com/DanWahlin/Angular-Core-Concepts

github.com/DanWahlin/Angular-Core-Concepts @main

Chat with this repo

repository ↗ · DeepWiki ↗ · + Follow

35 symbols 58 edges 13 files 0 documented · 0%

What it actually does AI analysis from the code graph — generated when you open this

loading…

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

Install the Angular CLI

npm install -g @angular/cli
Run npm install at the root of this project
Run ng serve -o

Running the Project Using Docker Containers

Install the Angular CLI

npm install -g @angular/cli
Run npm install at the root of this project
Build the project

ng build
Ensure that you have volumes (file sharing) enabled in the Docker Desktop settings.
Run docker-compose build
Run docker-compose up
Visit http://localhost

Running the `Production` Version in Containers

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.
Run docker-compose -f docker-compose.prod.yml up and visit http://localhost.
Run docker-compose -f docker-compose.prod.yml down once you're done.

Extension points exported contracts — how you extend this code

Customer (Interface)

(no doc)

src/app/shared/interfaces.ts

Order (Interface)

(no doc)

src/app/shared/interfaces.ts

OrderItem (Interface)

(no doc)

src/app/shared/interfaces.ts

Core symbols most depended-on inside this repo

filter

called by 2

src/app/customers/customers-list/filter-textbox.component.ts

calculateOrders

called by 2

src/app/customers/customers-list/customers-list.component.ts

isString

called by 2

src/app/core/sorter.service.ts

resolveProperty

called by 2

src/app/core/sorter.service.ts

getCustomers

called by 1

src/app/core/data.service.ts

getCustomer

called by 1

src/app/core/data.service.ts

getOrders

called by 1

src/app/core/data.service.ts

customers

called by 0

src/app/customers/customers-list/customers-list.component.ts

Shape

Class 16

Method 16

Interface 3

Languages

TypeScript100%

Modules by API surface

src/app/customers/customers-list/customers-list.component.ts7 symbols

src/app/core/data.service.ts7 symbols

src/app/core/sorter.service.ts5 symbols

src/app/shared/interfaces.ts3 symbols

src/app/shared/capitalize.pipe.ts3 symbols

src/app/orders/orders.component.ts3 symbols

src/app/customers/customers-list/filter-textbox.component.ts3 symbols

src/app/customers/customers.component.ts2 symbols

src/app/app.component.ts2 symbols

For agents

$ claude mcp add Angular-Core-Concepts \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

github.com/DanWahlin/Angular-Core-Concepts @main

Angular Core Concepts

Running the Project Locally

Running the Project Using Docker Containers

Running the Production Version in Containers

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Languages

Modules by API surface

For agents

Running the `Production` Version in Containers