Angular Project Structure

screenshot of Angular Project Structure

A modular and domain-driven structure for Angular projects

Overview

The Angular Project Structure is a proposed directory structure for Angular applications that aims to separate the domain/feature layer from the Angular infrastructure concepts. This structure provides a clear space for files that are not bound to the application domain or infrastructure, such as config and core modules. It offers instructions on how to add this structure to a new Angular application created using the Angular CLI.

Features

  • Domain/Feature Separation: This structure separates the domain/feature modules of the app, including a shared module inside the app directory, from the rest of the infrastructure modules and files.
  • Clear Space for Non-Domain/Infrastructure Files: It provides a clear space for files that are not bound to the application domain or infrastructure, such as config and core modules, application bootstrap factories, and testing sections.
  • Tree Structure: The proposed structure includes sections such as App Directory, Shared Directory, Assets Directory, Config Directory, Core Directory, Styles Directory, Test Directory, and Extras.

Summary

The Angular Project Structure proposes a directory structure for Angular applications that separates the domain/feature layer from the Angular infrastructure concepts. It provides a clear space for non-domain/infrastructure files and offers a tree structure with various sections. The installation guide assists in adding this structure to a new Angular application created using the Angular CLI. However, it is important to note that this structure is in its early stages of execution and design, and alternative structures can be considered if this one does not meet the requirements.