https://github.com/toddmotto/angular-architecture
Angular architecture guide for teams.
https://github.com/toddmotto/angular-architecture
angular
Last synced: 12 months ago
JSON representation
Angular architecture guide for teams.
- Host: GitHub
- URL: https://github.com/toddmotto/angular-architecture
- Owner: toddmotto
- Created: 2017-03-02T14:53:28.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2023-02-16T16:29:14.000Z (about 3 years ago)
- Last Synced: 2025-04-09T20:10:03.767Z (12 months ago)
- Topics: angular
- Homepage: https://ultimatecourses.com
- Size: 3.91 KB
- Stars: 262
- Watchers: 65
- Forks: 49
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Angular Architecture Guide
A cohesive guide for building Angular applications for teams.
:warning: Work In Progress :warning:
## Folder Structure
```
index.html
app/
│ app.component.scss
│ app.component.spec.ts
│ app.component.ts
│ app.module.ts
└── meal-planner/
│ meal-planner.module.ts
│ meal-planner.service.spec.ts
│ meal-planner.service.ts
├── components/
│ meal-viewer/
│ meal-viewer.component.scss
│ meal-viewer.component.spec.ts
│ meal-viewer.component.ts
│ meal-editor/
│ meal-editor.component.scss
│ meal-editor.component.spec.ts
│ meal-editor.component.ts
│ meal-recipe/
│ meal-recipe.component.scss
│ meal-recipe.component.spec.ts
│ meal-recipe.component.ts
├── containers/
│ meal-planner/
│ meal-planner.component.scss
│ meal-planner.component.spec.ts
│ meal-planner.component.ts
└── models/
meal.interface.ts
recipe.interface.ts
```
## Stuff I wanna include
* Root + feature module architecture
* Directory structure
* TypeScript models/interfaces
* CSS options (Sass/etc)
* Component architecture
* Container + Presentational components
* State management (ngrx/store etc)
* Route configuration
* Structure practices (maybe lifecycle hooks/DI practices)
* Tooling (AoT/Webpack/etc)
* Build process info (platforms)
* Resources section