C4 ModelComponentOn this pageComponentV1 Frontend Widget[Container]Cargo Fly Management System[software system]Cargo flight planning supportsystemCargorion Employee[person]Who it is or what it does? System IAM[software system]IAM system authenticates usersand issues JWT tokens used bytask management systemAPI Application (NodeJS)[Container]Database[container: PostgreSQL]Stores tasks informationand statusAPI call to[JSON/HTTPS]Authenticate& Authorize userview, add, updatestatus of tasksembeds a taskmanagement widgetview& manage cargo flightsReads fromand writes to[SQL/TCP]usesupdate read modeluseread and write aggregateusesget user contextUses[component: Hono Router]Allow manage of tasksTask Controler[component: Command Handler, CQRS TypeScript]Supports commands that modify the state of the taskTask Command Handler[component: Query Handler, CQRS TypeScript]Handles data queries for tasks without modifyingtheir statusTask Query Handler[component: Repository, Drizzle, TypeScript]Provides simplified task data for reading purposesTask Read Model Repository[component: Application Service, TypeScript]Coordinates operations on tasksTask Application Service[component: Repository, Drizzle, TypeScript]Allows you to permanently write and read the Task aggregateTask Repository[component: Aggregate, DDD, TypeScript]Central domain entity responsible for tasklifecycle management and verifies businessrulesTask[component: Hono middleware]Validate user JWT and add context of userUser ServiceReads fromand writes to[SQL/TCP]API call to[JSON/HTTPS][component: Web Component, TypeScript]Initializes Task App and imports dependenciesdynamicallyInitial component[component: React Application, TypeScript]User interface to manage taskTask Application Frontend Widget[Container]Cargo Fly Management System[software system]Cargo flight planning supportsystemCargorion Employee[person]Who it is or what it does? System IAM[software system]IAM system authenticates usersand issues JWT tokens used bytask management systemAPI Application (NodeJS)[Container]Database[container: PostgreSQL]Stores tasks informationand statusAPI call to[JSON/HTTPS]Authenticate& Authorize userview, add, updatestatus of tasksembeds a taskmanagement widgetview& manage cargo flightsReads fromand writes to[SQL/TCP]usesupdate read modeluseread and write aggregateusesget user contextUses[component: Hono Router]Allow manage of tasksTask Controler[component: Command Handler, CQRS TypeScript]Supports commands that modify the state of the taskTask Command Handler[component: Query Handler, CQRS TypeScript]Handles data queries for tasks without modifyingtheir statusTask Query Handler[component: Repository, Drizzle, TypeScript]Provides simplified task data for reading purposesTask Read Model Repository[component: Application Service, TypeScript]Coordinates operations on tasksTask Application Service[component: Repository, Drizzle, TypeScript]Allows you to permanently write and read the Task aggregateTask Repository[component: Aggregate, DDD, TypeScript]Central domain entity responsible for tasklifecycle management and verifies businessrulesTask[component: Hono middleware]Validate user JWT and add context of userUser ServiceReads fromand writes to[SQL/TCP]API call to[JSON/HTTPS][component: Web Component, TypeScript]Initializes Task App and imports dependenciesdynamicallyInitial component[component: React Application, TypeScript]User interface to manage taskTask Application V2 Frontend Widget[Container]Cargo Fly Management System[software system]Cargo flight planning supportsystemCargorion Employee[person]Who it is or what it does? System IAM[software system]IAM system authenticates usersand issues JWT tokens used bytask management systemAPI Application (NodeJS)[Container]Database[container: PostgreSQL]Stores tasks informationand statusAPI call to[JSON/HTTPS]Authenticate& Authorize userview, add, updatestatus of tasksembeds a taskmanagement widgetview& manage cargo flightsReads fromand writes to[SQL/TCP]Usesread dataread dataupdate modelcreate handleruseuse[component: Hono Router]Allow manage of tasksTask Controler[component: Command Handler, CQRS TypeScript]Create new taskCreate Task Command Handler[component: Factory, TypeScript]Handles data queries for tasks without modifying theirstatusHandler Factory[component: Repository, Drizzle, TypeScript]Provides simplified task data for reading purposesTask Read Model Repository[component: Repository, Drizzle, TypeScript]Allows you to permanently write and read the Task aggregateTask Repository[component: Aggregate, DDD, TypeScript]Central domain entity responsible for tasklifecycle management and verifies businessrulesTask[component: Hono middleware]Validate user JWT and add context of userUser ServiceReads fromand writes to[SQL/TCP]API call to[JSON/HTTPS][component: Web Component, TypeScript]Initializes Task App and imports dependenciesdynamicallyInitial component[component: React Application, TypeScript]User interface to manage taskTask Application[component: Query Handler, CQRS TypeScript]Responsible for return list of taskGet Task List Query Handler[component: Query Handler, CQRS TypeScript]Responsible for return a task detailsGet Task Query Handler[component: Command Handler, CQRS TypeScript]Change task state to openOpen Task Command Handler[component: Command Handler, CQRS TypeScript]Update description and title in taskUpdate Task Command Handler[component: Command Handler, CQRS TypeScript]Change task state to closeClose Task Command Handler[component: Command Handler, CQRS TypeScript]Assign user to the taskAssign To Task Command Handler[component: Command Handler, CQRS TypeScript]Set task to unassign Set Unassign Task Command Handler[component: Command Handler, CQRS TypeScript]Change task state to doneComplete Task Command Handlerupdate modelupdate modelupdate modelread and updateread and updatecreate handlercreate handlercreate handlercreate handlercreate handlercreate handlercreate handleruseuseuseuseuseuseuseread and updateupdate modelusecreate handler Frontend Widget[Container]Cargo Fly Management System[software system]Cargo flight planning supportsystemCargorion Employee[person]Who it is or what it does? System IAM[software system]IAM system authenticates usersand issues JWT tokens used bytask management systemAPI Application (NodeJS)[Container]Database[container: PostgreSQL]Stores tasks informationand statusAPI call to[JSON/HTTPS]Authenticate& Authorize userview, add, updatestatus of tasksembeds a taskmanagement widgetview& manage cargo flightsReads fromand writes to[SQL/TCP]Usesread dataread dataupdate modelcreate handleruseuse[component: Hono Router]Allow manage of tasksTask Controler[component: Command Handler, CQRS TypeScript]Create new taskCreate Task Command Handler[component: Factory, TypeScript]Handles data queries for tasks without modifying theirstatusHandler Factory[component: Repository, Drizzle, TypeScript]Provides simplified task data for reading purposesTask Read Model Repository[component: Repository, Drizzle, TypeScript]Allows you to permanently write and read the Task aggregateTask Repository[component: Aggregate, DDD, TypeScript]Central domain entity responsible for tasklifecycle management and verifies businessrulesTask[component: Hono middleware]Validate user JWT and add context of userUser ServiceReads fromand writes to[SQL/TCP]API call to[JSON/HTTPS][component: Web Component, TypeScript]Initializes Task App and imports dependenciesdynamicallyInitial component[component: React Application, TypeScript]User interface to manage taskTask Application[component: Query Handler, CQRS TypeScript]Responsible for return list of taskGet Task List Query Handler[component: Query Handler, CQRS TypeScript]Responsible for return a task detailsGet Task Query Handler[component: Command Handler, CQRS TypeScript]Change task state to openOpen Task Command Handler[component: Command Handler, CQRS TypeScript]Update description and title in taskUpdate Task Command Handler[component: Command Handler, CQRS TypeScript]Change task state to closeClose Task Command Handler[component: Command Handler, CQRS TypeScript]Assign user to the taskAssign To Task Command Handler[component: Command Handler, CQRS TypeScript]Set task to unassign Set Unassign Task Command Handler[component: Command Handler, CQRS TypeScript]Change task state to doneComplete Task Command Handlerupdate modelupdate modelupdate modelread and updateread and updatecreate handlercreate handlercreate handlercreate handlercreate handlercreate handlercreate handleruseuseuseuseuseuseuseread and updateupdate modelusecreate handler