Ng Modular Template

screenshot of Ng Modular Template
angular
scss

Scalable Angular project template oriented to MVC and modular patterns, using Angular CLI as a base.

Overview

Ng Modular Template is a scalable modular Angular template that follows the MV* pattern. It is designed to provide a project structure that is easy to scale, with readable code and a focus on reusable components. The template utilizes Angular CLI and includes a Core module, feat folders for different features, and a Shared module for reusable components, directives, pipes, and interfaces.

Features

  • Core module: Contains services, interceptors, and global configurations that are used throughout the entire application.
  • Feat folders: Group and organize features of the application into modules, with separate folders for components, modules, services, and pages.
  • Shared module: Contains components, directives, pipes, and interfaces that can be used in any part of the application to adhere to the DRY (Don't Repeat Yourself) principle.
  • Global aliases: Provides aliases that can be used anywhere in the application to easily import the Core module or other specific modules.

Summary

Ng Modular Template is a scalable Angular template that follows best practices for project structure and code organization. It provides a Core module for global services and configurations, feat folders for feature-specific modules, and a Shared module for reusable components. The template also includes global aliases to easily import specific modules throughout the application. By following this template, developers can create scalable and maintainable Angular applications.

angular
Angular

Angular is a TypeScript-based open-source framework by Google for building dynamic single-page applications and cross-platform mobile apps with MVC architecture and a rich set of features.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.