System Block Diagram

Block Diagram

flowchart TD

subgraph S["Server Side"]
    SA[Server App\n Django Framework] -->|Access\nCRUD| SD[Database\n Postgres]
end

subgraph C["Client Side"]
  CA[Web Broswer] <-->|Interation| CB[Front End UI Component\nReact.js]
end
subgraph Z["LvlUp.gg "]
direction LR
S<-->|HTTP Protocol\nAPIs|C
end

Loading

Data Model Relationship

flowchart TD
    A[Client/Friend] -->|Many To Many| A
    A -->|One To Many| B[Blog]
    A -->|One To Many| C[Comments]
    B -->|One To Many| C[Comments]
    A -->|Many To Many| D[Favourite] --> |Many To Many|B

Loading