Skip to content
The project is based on best practices from the community, other github Angular projects and developer experience from production Angular projects.
TypeScript HTML CSS JavaScript
Branch: master
Clone or download
TomHAnderson and mathisGarberg Feature/readme restructure (master branch) (#75)
* Moved content higher, example application and image to bottom

* Added links to other projects
Latest commit 8aa5e45 Aug 21, 2019

README.md

Angular Folder Structure - Highly Scalable

docs badge

Based on best practices from the community, other github Angular projects , developer experience from production Angular projects, and contributors to this reposiory, this project goal is to create an Angular skeleton structure which is flexible for projects big or small.

Included are both an example application and documentation on each change.

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 thorough details on each part of the directory structure.

Demonstration Application

See The Application in action.

login screen screenshot

Inspiration

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.

You can’t perform that action at this time.