Universal

Overview:

The Universal CircleCI Coverage Code Quality is a seed project for Angular Universal apps that follows common patterns and best practices in file and application organization. It provides various features such as Angular framework, workspace/monorepo capabilities by Nx, ngrx-powered CRUD feature tutorial, bundles for both browser and server platforms, customizable webpack configuration, modern UI components of Angular Material, dynamic responsive layouts, hot module replacement, different modes (development, staging, and production), AoT compilation for rapid page loads, tree-shaking and minifying production builds, cross-browser SCSS, configuration management, JWT-based authentication, application-wide caching, i18n support, SEO optimization, scrollbars, vendor-agnostic analytics, unit tests with code coverage, and seamless integration with CircleCI continuous integration and delivery platform.

Features:

• Angular Framework: Provides a seed project using the Angular framework.
• Workspace/Monorepo Capabilities by Nx: Extends workspace/monorepo capabilities.
• ngrx-powered CRUD Feature Tutorial: Includes a tutorial on implementing ngrx-powered CRUD feature.
• Bundles for Browser and Server Platforms: Compiles bundles for both browser (SPA) and server (Angular Universal) platforms.
• Customizable Webpack Configuration: Allows customization of webpack configuration via @angular-builders.
• Modern UI Components: Uses the modern UI components of Angular Material.
• Dynamic Responsive Layouts: Supports dynamic responsive layouts via flex-layout.
• Hot Module Replacement: Includes built-in Hot Module Replacement to save development time.
• Modes: Supports development, staging, and production modes.
• AoT Compilation: Performs AoT compilation for rapid page loads on staging/production builds.
• Tree-shaking and Minification: Performs tree-shaking and minifies production builds using Angular Devkit.
• Cross-browser SCSS: Supports cross-browser SCSS with autoprefixer and browserslist.
• Configuration Preset for Stylelint: Uses stylelint-config-standard as a configuration preset for stylelint and custom rules to standardize stylesheets.
• TransferState for Native Transfer: Transfers server responses on client bootstrap to prevent app flickering with native TransferState.
• Lazy Loading: Defers initialization of modules via lazy loading.
• State Management with ngrx/store: Uses ngrx/store for state management.
• Entity State Adapter: Uses ngrx/entity state adapter to manipulate and query entity collections.
• Effects Side Effect Model: Uses ngrx/effects side effect model to model event sources as actions.
• Functional Sum Types: Uses unionize for boilerplate-free functional sum types.
• Configuration Management with ngx-config: Uses ngx-config for configuration management.
• Basic JWT-based Authentication with ngx-auth: Uses ngx-auth for basic JWT-based authentication with Universal support.
• Application-wide Caching with ngx-cache: Uses ngx-cache for application-wide caching.
• i18n Support with ngx-translate: Uses ngx-translate for i18n support.
• SEO Optimization with ngx-meta: Uses ngx-meta for SEO optimization, including title, meta tags, and Open Graph tags for social sharing.
• Scrollbars with ngx-perfect-scrollbar: Uses ngx-perfect-scrollbar for scrollbars.
• Vendor-agnostic Analytics with angulartics2: Supports vendor-agnostic analytics via angulartics2.
• Unit Tests with Jest: Includes unit tests with Jest, including code coverage.
• CircleCI Integration: Offers seamless integration with CircleCI continuous integration and delivery platform.
• TSLint Configuration Preset: Uses angular-tslint-rules as a configuration preset for TSLint and codelyzer.

Summary:

The Universal CircleCI Coverage Code Quality project is a seed project for Angular Universal apps. It provides a comprehensive set of features and follows best practices in file and application organization. The project includes various libraries and tools for state management, authentication, configuration management, i18n support, SEO optimization, and more. It also offers seamless integration with the CircleCI continuous integration and delivery platform. The installation process involves forking the repo and setting up the upstream repository.