Back to Projects
Open Source2025 – Present

Angular Lifecycles Guide

Visual guide to the Angular lifecycle and dependency injection

A free reference site that explains the Angular application lifecycle, lifecycle hooks and dependency injection through Mermaid flowcharts and code examples, for developers who already know Angular. Checked against Angular 22.

Tech Stack

HTMLCSSMermaid.jsVercel

Challenges

  • Explaining Angular internals simply
  • Keeping up with Angular releases

Solutions

  • Flowcharts of execution order and data flow
  • Quick-reference cheat sheets

Interested in working together?

I'm open to software engineering roles and contract work.