# johnpapa/angular-styleguide

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/johnpapa-angular-styleguide).**

23,648 stars · 4,044 forks · Vim Snippet · MIT

## Links

- GitHub: https://github.com/johnpapa/angular-styleguide
- awesome-repositories: https://awesome-repositories.com/repository/johnpapa-angular-styleguide.md

## Description

This project is an architecture reference and coding standard for the Angular framework. It provides guidelines for organizing files, components, and services into a logical hierarchy to maintain consistent and readable TypeScript code.

The guide focuses on enterprise application architecture and frontend code governance. It establishes a shared set of structural guidelines and development standards to ensure long-term maintainability and to assist in bootstrapping new projects without technical debt.

The resource covers modular architecture guidelines, pattern-based code standardization, and component-based folder hierarchies. It includes version-specific documentation to align instructions with the corresponding framework versions.

## Tags

### Software Engineering & Architecture

- [Architectural Structuring](https://awesome-repositories.com/f/software-engineering-architecture/enterprise-development-standards/architectural-structuring.md) — Provides structural patterns for organizing large-scale Angular applications to ensure long-term maintainability. ([source](https://cdn.jsdelivr.net/gh/johnpapa/angular-styleguide@main/README.md))
- [Coding Standards](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/engineering-best-practices/code-craftsmanship-standards/coding-standards.md) — Defines uniform syntax rules and naming conventions to ensure consistent TypeScript code across teams.
- [Framework-Specific Standards](https://awesome-repositories.com/f/software-engineering-architecture/development-methodologies/engineering-best-practices/code-craftsmanship-standards/coding-standards/framework-specific-standards.md) — Provides a collection of best practices for writing consistent and readable TypeScript code within Angular.
- [Frontend Code Governance](https://awesome-repositories.com/f/software-engineering-architecture/frontend-code-governance.md) — Defines a shared set of styling and structural guidelines to maintain a uniform codebase.
- [Modular Extension Architectures](https://awesome-repositories.com/f/software-engineering-architecture/modular-extension-architectures.md) — Implements modular architecture guidelines that separate business logic from presentation via layered services.
- [Project Folder Hierarchies](https://awesome-repositories.com/f/software-engineering-architecture/project-folder-hierarchies.md) — Provides a specific folder hierarchy standard for organizing Angular components, templates, and styles.
- [Angular System Architectures](https://awesome-repositories.com/f/software-engineering-architecture/software-architecture/architectural-patterns/backend-enterprise-systems/system-architecture-designs/angular-system-architectures.md) — Provides architectural patterns for structuring large-scale Angular applications with modularity and scalability.
- [Versioned Documentation](https://awesome-repositories.com/f/software-engineering-architecture/versioned-documentation.md) — Maintains separate sets of instructional content mapped to specific framework versions to prevent API mismatches.

### Mobile Development

- [Coding Standards](https://awesome-repositories.com/f/mobile-development/coding-standards.md) — Enforces consistent coding patterns and syntax across the development team for a uniform codebase. ([source](https://cdn.jsdelivr.net/gh/johnpapa/angular-styleguide@main/README.md))

### Web Development

- [Development Standards](https://awesome-repositories.com/f/web-development/angular-application-frameworks/development-standards.md) — Establishes consistent coding patterns and syntax rules specifically for developers using the Angular framework.
- [Project Bootstrapping](https://awesome-repositories.com/f/web-development/angular-application-frameworks/project-bootstrapping.md) — Provides the initial structure and coding conventions needed to bootstrap new Angular applications.

### Part of an Awesome List

- [Coding Standards](https://awesome-repositories.com/f/awesome-lists/devtools/coding-standards.md) — Officially endorsed style guide for Angular.
- [Programming Languages](https://awesome-repositories.com/f/awesome-lists/devtools/programming-languages.md) — Style guide for consistent Angular development.