My idea of ​​organizing folders for Angular projects

scaffolding.md

src/ ├── e2e/ | └── ... ├── src/ | ├── app/ | | ├── core/ | | ├── modules/ | | | ├── module/ | | | | ├── components/ | | | | | └── component-name/ | | | | | | ├── component-name.ts | | | | | | ├── component-name.scss | | | | | | ├── component-name.html | | | | | | └── component-name.spec.ts | | | | | └── ... | | | | ├── helpers/ | | | | | ├── helper.ts | | | | | └── ... | | | | ├── directives/ | | | | | ├── directive-name.ts | | | | | ├── directive-name.spec.ts | | | | | └── ... | | | | ├── pages/ | | | | | └── component-page-name/ | | | | | | ├── component-page-name.ts | | | | | | ├── component-page-name.scss | | | | | | ├── component-page-name.html | | | | | | └── component-page-name.spec.ts | | | | | └── ... | | | | ├── routes/ | | | | | └── module-name.routing.ts | | | | ├── services/ | | | | | ├── service-name.resolver.ts | | | | | ├── service-name.endpoint.ts | | | | | ├── service-name.endpoint.spec.ts | | | | | ├── service-name.store.ts | | | | | ├── service-name.store.spec.ts | | | | | └── ... | | | | └── types/ | | | | ├── type-name.class.ts | | | | ├── type-name.interface.ts | | | | ├── type-name.type.ts | | | | ├── type-name.enum.ts | | | | └── type-name.const.ts | | | └── module-name.module.ts | | ├── packages/ | | ├── shared/ | | | ├── modules/ | | | ├── packages/ | | | └── directives/ | | └── ... | ├── assets/ | | ├── svgs/ | | ├── styles/ | | ├── images/ | | └── ... | ├── environments/ | | ├── environment.ts | | └── environment.prod.ts | | └── environment.staging.ts | | └── ... | └── ... └── ...