franaragm / ng-solid-design

An example Angular web app developed in phases with SOLID design principles, from monolithic to modular.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool



Angular and SOLID Design Principles

A° S.O.L.I.D SCSS art design


An example Angular web app developed in phases with SOLID design principles, from monolithic to modular.




SOLID is a mnemonic acronym for a set of 5 software design principles as followed:

  • Single-responsibility principle
  • Open-closed principle
  • Liskov substitution principle
  • Interface segregation principle
  • Dependency inversion principle

In this example Angular web app, we'll take a basic, monolithic to-do app and apply each of the 5 principles to it in phases until our app is completely SOLID.

Start with Phase 1 of development to view the monolithic app and begin seeing SOLID applied accordingly.

About

An example Angular web app developed in phases with SOLID design principles, from monolithic to modular.


Languages

Language:TypeScript 52.1%Language:SCSS 29.6%Language:HTML 15.2%Language:JavaScript 3.1%