Skip to content

Commit 8a16266

Browse files
committed
Update mermaid architecture in README.md file
1 parent b658cb4 commit 8a16266

File tree

1 file changed

+63
-16
lines changed

1 file changed

+63
-16
lines changed

README.md

Lines changed: 63 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -35,22 +35,69 @@ A modern, full-stack todo application built with Go (Fiber) + React + MongoDB
3535

3636
```mermaid
3737
graph TD
38-
Client[React Frontend] -->|HTTP Requests| Backend[Go API]
39-
Backend -->|CRUD Operations| Database[(MongoDB)]
40-
Client -->|Static Assets| FrontendBuild[React Build]
41-
42-
subgraph "Frontend (React)"
43-
Client
44-
FrontendBuild
45-
end
46-
47-
subgraph "Backend (Go)"
48-
Backend
49-
end
50-
51-
subgraph "Database"
52-
Database[(MongoDB)]
53-
end
38+
subgraph Client["Frontend Client"]
39+
UI[React UI]
40+
end
41+
42+
subgraph Server["Go Fiber Server (main.go)"]
43+
Main[Main Function]
44+
ENV[Load Environment]
45+
DB[MongoDB Connection]
46+
Router[Fiber Router]
47+
48+
subgraph Endpoints["API Endpoints"]
49+
GET[GET /api/todos]
50+
POST[POST /api/todos]
51+
PATCH[PATCH /api/todos/:id]
52+
DELETE[DELETE /api/todos/:id]
53+
end
54+
55+
subgraph Handlers["Handler Functions"]
56+
getTodos
57+
createTodo
58+
updateTodo
59+
deleteTodo
60+
end
61+
end
62+
63+
subgraph Database["MongoDB Atlas"]
64+
Collection["Collection: todos</br>Database: golang_db"]
65+
end
66+
67+
%% Main Application Flow
68+
Main --> ENV
69+
ENV --> DB
70+
Main --> Router
71+
Router --> Endpoints
72+
73+
%% Connect Endpoints to Handlers
74+
GET --> getTodos
75+
POST --> createTodo
76+
PATCH --> updateTodo
77+
DELETE --> deleteTodo
78+
79+
%% Connect Handlers to Database
80+
getTodos --> Collection
81+
createTodo --> Collection
82+
updateTodo --> Collection
83+
deleteTodo --> Collection
84+
85+
%% Client Interaction
86+
UI <--> GET
87+
UI <--> POST
88+
UI <--> PATCH
89+
UI <--> DELETE
90+
91+
%% Styling
92+
classDef server fill:#f9f,stroke:#333,stroke-width:2px
93+
classDef database fill:#b5d8ff,stroke:#333,stroke-width:2px
94+
classDef client fill:#baffc9,stroke:#333,stroke-width:2px
95+
classDef endpoint fill:#fff5ba,stroke:#333,stroke-width:2px
96+
97+
class Server server
98+
class Database database
99+
class Client client
100+
class GET,POST,PATCH,DELETE endpoint
54101
```
55102

56103
## ✨ Features

0 commit comments

Comments
 (0)