[Card] Card class diagram #129

Closed
opened 2026-04-02 11:39:47 +00:00 by a24vinla · 6 comments
Collaborator

Create a class diagram that shows relationship between Cards, Views and their respective functions.

Parent Issues: #6 #130
Related Issues: #135

Create a class diagram that shows relationship between Cards, Views and their respective functions. Parent Issues: #6 #130 Related Issues: #135
a24vinla changed title from Cards class diagram to [Card] Card class diagram 2026-04-02 12:16:23 +00:00
Collaborator

Prototype to work from.
Overview
The view gets called from App.js and in turn the view calls both the hook for data and the Card to get a frame rendered, before ruturning an complete View render to the app.
Missing
Currently every view use its own logic to present the data. There might be another "layer"/component for logic in the view. This will be logic for text,pictures and graphs. The point is to reduce duplicated code and make the diffrent viewes more uniform.

Prototype to work from. **Overview** The view gets called from App.js and in turn the view calls both the hook for data and the Card to get a frame rendered, before ruturning an complete View render to the app. **Missing** Currently every view use its own logic to present the data. There might be another "layer"/component for logic in the view. This will be logic for text,pictures and graphs. The point is to reduce duplicated code and make the diffrent viewes more uniform.
Collaborator

Drawio file to change moddel if chages happans.

Drawio file to change moddel if chages happans.
Collaborator

Right now the class diagram is stated as components, functions missing types and private/public as well as attribute such as data/loading/error which are constants from the object "useTemperature".

Suggestion:
Perhaps make it more clear on what type of diagram that is used.

Right now the class diagram is stated as components, functions missing types and private/public as well as attribute such as data/loading/error which are constants from the object "useTemperature". Suggestion: Perhaps make it more clear on what type of diagram that is used.
b24erika removed their assignment 2026-04-07 09:39:26 +00:00
Collaborator

Changed private/public symbols and added what data is contained in the diffrent varibles

Changed private/public symbols and added what data is contained in the diffrent varibles
Collaborator

new Drawio file

new Drawio file
Collaborator

The updated diagram is now clearer and more consistent. Distinction between components and classes has been improved.

Types have been added to attributes , and they return values (e.g., string, json, bool) and makes the design easier to understand.

Types have been implemented for private and public with (+ and - ), and previous ambiguity around data, loading and error has been solved.

The design is now better and communicates better with structure and responsisbility between components.

The updated diagram is now clearer and more consistent. Distinction between components and classes has been improved. Types have been added to attributes , and they return values (e.g., string, json, bool) and makes the design easier to understand. Types have been implemented for private and public with (+ and - ), and previous ambiguity around data, loading and error has been solved. The design is now better and communicates better with structure and responsisbility between components.
Sign in to join this conversation.
No milestone
No project
4 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Andras/BoundlessFlowCampus2K#129
No description provided.