riccardoFasan / ionic-angular-signals-crm

A concept on how to build CMRs in Angular using signals for state management

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ionic Angular CRMs - Personal R&D Second Iteration

Hi! This is the second iteration of R&D on architectures for Angular CRM applications. You can find the first iteration here.

Key Concepts of this Architecture

  • Decoupling of UI and domain logic
  • State management using signals (I recommend visiting Joshua Morony's channel to understand the benefits of signals and how to use them)
  • Smart and Dumb components
  • Nx-like folder structure (I found useful inspiration in this article)
  • Intermediation between CRUD API services and client classes using facades
  • New Angular features: signals, signal inputs, standalone components, "@" template syntax, and more

The Application

This application is a food diary divided into five pages. Each page is a scrollable list, and each item on the list has a detail modal with a form (yes, it's a typical CRM).

Explore the codebase for more details. I recommend starting with the ListStoreService class, DetailStoreService class, and the StoreHandler interface.

About

A concept on how to build CMRs in Angular using signals for state management


Languages

Language:TypeScript 93.9%Language:SCSS 3.2%Language:Swift 1.2%Language:JavaScript 0.5%Language:Java 0.5%Language:Ruby 0.4%Language:HTML 0.3%