Angular Folder Structure

Angular folder structure means while working with large-scale projects, we need to organize some common angular project structures to give fast deliverables and maintain code stability. So there is a need to follow some discipline in order to achieve our angular project task within the required timeline.

| — app
| — modules
| — home
| — [+] components
| — [+] pages
| — home-routing.module.ts
| — home.module.ts
| — core
| — [+] header
| — [+] footer
| — [+] guards
| — [+] http
| — [+] services
| — [+] authentication
| — [+] mocks
| — [+] interceptors
| — [+] utilities
| — core.module.ts
| — ensureModuleLoadedOnceGuard.ts
| — logger.service.ts
|
| — shared
| — [+] components
| — [+] directives
| — [+] pipes
| — [+] models
|
| — [+] configs
| — assets
| — [+] fonts
| — [+] images
| — scss
| — [+] partials
| — _base.scss
| — _variables.scss
| — _typography.scss
| — _fonts.scss
| — styles.scss