Skip to content

Component Diagrams

The component diagram is a diagram of the uml modeling approach that shows previously the components, interfaces and relationships existing in a given system, its objective is that we have a visualization of the components that will be part of our system, it can also be adapted by components equivalents later, if necessary. In this diagram we can represent both physical and logical components of our system.

Frontend

The frontend will be built using React, a frontend framework in JavaScript language. Below you can view the versions of the frontend component diagram.

Backend

The backend will be built using Express to route as API, a backend library in JavaScript language and PostgreSQL as database, a relational database. Below you can view the versions of the frontend component diagram.

Tracking Requirements

Source Destiny
Prototype Authenticated user flow, User Flow
Backlog - User Prototype Backend
BrainStorm All diagram

References


  • [Moodle] Serrano, Milene. Vídeo Aula : Modelagem, Diagrama de Classe, Dependência & Associação, Classe Concreta & Abstrata & Sobrescrita & Sobrecarga, Agregação & Composição, Herança & Realização
  • [WebSite] UML site
  • [WebSite] Diagrama de Componentes

Document Versioning

Date Author(s) Description Version
21/09/2020 Mikhaelle Bueno Document creation 0.1
21/09/2020 Lorrany Azevedo Adding description and component diagram version 1 0.2
18/09/2020 Lorrany Azevedo and Guilherme Create component diagram 0.3
21/09/2020 Lorrany Azevedo Adding component diagram version 2 0.4
25/09/2020 Lorrany Azevedo Adding tracking requirements 0.5
25/09/2020 Mikhaelle Bueno Fix Format 0.6
25/09/2020 Vitor Meireles Adding backend diagram 0.7