System Architecture & Design

Web App Flow

Client (Browser)HTTP Request -->Server (API)

| Processing |

Database<-- Query ResultServer

Note: This is a simplified view. In viva, mention Middleware, Authentication (JWT), and Response formatting.

Architectural Style

Most student projects follow Client-Server or MVC architecture.

Explain how the frontend (Client) sends requests to the Backend (Server), which processes logic and queries the Database. The server then sends a response back.

Data Flow Diagram (DFD)

Shows how data moves through your system.

Level 0: Context Diagram (System + User). Level 1: Main processes (Login, Dashboard, Core Feature). Level 2: Detailed subprocesses.

Use Case Diagram

Shows interactions between users (Actors) and system features.

Focus on "Who does What". Example: Admin can "Manage Users", User can "View Profile".