understanding project structure :

tsconfig.json

Base TypeScript configuration file for the entire Angular project.

It sets shared compiler options and references other configs.

• Ex :

so other files like tsconfig.app.json, tsconfig.spec.json will inherit these shared options using "extends": "./tsconfig.json" in their resp files

tsconfig.app.json

Configures TypeScript settings specifically for building the application code.

Used during ng build or ng serve (ng-serve for starting app), excluding test files.

tsconfig.spec.json

Configures TypeScript for running unit tests (.spec.ts files).

Used during ng test, and includes test-related libraries.

angular.json

It specifies settings for projects, file paths, assets, styles, scripts, output directories, and build targets.

angular.json : The .editorconfig file is used to maintain consistent coding styles across different editors and IDEs.

It defines rules like indentation style, line endings, charset, and more.

main.ts file boostraps the angular app using AppModule

package.json and package-lock.json :