# Hệ thống Tài liệu Kiến trúc C4 - Landing Page Sales Party

Tài liệu này tổng hợp kiến trúc hệ thống cho dự án **Landing Page dành cho Sales**, giúp đội ngũ phát triển nắm bắt cấu trúc từ tổng quan đến chi tiết.

## Mục lục Tài liệu

### [Level 1: System Context](./C4_Context.md)
- **Mô tả**: Bức tranh tổng thể về tương tác giữa Sales Agent và hệ thống Landing Page cùng các đối tác (OCR, Auth, Core).
- **Trọng tâm**: Xác định ranh giới hệ thống và các điểm tích hợp.

### [Level 2: Container Diagram](./C4_Container.md)
- **Mô tả**: Phân rã hệ thống thành Web App (Frontend), BFF (Backend), và Database.
- **Công nghệ**: React, Node.js, PostgreSQL.

### [Level 3: Component Diagram](./C4_Component.md)
- **Mô tả**: Cấu trúc nội bộ của Frontend (Modules) và Backend BFF (Controllers/Services).
- **Trọng tâm**: Logic xử lý OCR và tạo bảng minh họa.

### [Level 4: Code Documentation](./C4_Code.md)
- **Mô tả**: Chi tiết luồng xử lý dữ liệu (Sequence Diagram) và quản lý State tại Frontend.
- **Trọng tâm**: Cơ chế đồng bộ dữ liệu giữa Form nhập liệu và PDF Viewer.

---
*Được cập nhật mới nhất bởi: Agent mbl-landing-page-architecture*