mathisGarberg/angular-folder-structure

The project is based on best practices from the community, other github Angular projects and developer experience from production Angular projects.

TypeScript

1,137

126 commits

updated Feb 4, 2023

See the code

README

Angular Folder Structure - Highly Scalable

docs badge

This project is inspired by the article on ITNEXT called "How to define a highly scalable folder structure for your Angular project" by Mathis Garberg. Based on best practices from the community, other github Angular projects, developer experience from production Angular projects, and contributors to this repository, this project's goal is to create a skeleton structure which is flexible for projects big or small.

login screen screenshot

Tree Structure

This tree represents the directories this repository proposes be added to a default Angular application.

  .
  ├── media
  └── src
      ├── app
      │   ├── core
      │   ├── data
      │   ├── layout
      │   ├── module
      │   └── shared
      └── styles

Documentation

Read The Documentation for details on each part of the directory structure.

Demonstration Application

See The Application in action.

angular
typescript

mathisGarberg/angular-folder-structure

The project is based on best practices from the community, other github Angular projects and developer experience from production Angular projects.

TypeScript

1,137

126 commits

updated Feb 4, 2023

See the code

README

Angular Folder Structure - Highly Scalable

docs badge

This project is inspired by the article on ITNEXT called "How to define a highly scalable folder structure for your Angular project" by Mathis Garberg. Based on best practices from the community, other github Angular projects, developer experience from production Angular projects, and contributors to this repository, this project's goal is to create a skeleton structure which is flexible for projects big or small.

login screen screenshot

Tree Structure

This tree represents the directories this repository proposes be added to a default Angular application.

  .
  ├── media
  └── src
      ├── app
      │   ├── core
      │   ├── data
      │   ├── layout
      │   ├── module
      │   └── shared
      └── styles

Documentation

Read The Documentation for details on each part of the directory structure.

Demonstration Application

See The Application in action.

angular
typescript

Significant stargazers

epic

36 followers · starred Aug 2020

Ivaylo Draganov

13 followers · starred Apr 2020