System Architecture

C4 Context Diagram

graph TD
    A[Student] -->|Uses| B[GPA Calculator Web App]
    B -->|Stores Data| C[LocalStorage]
    B -->|Hosted on| D[Vercel]

C4 Container Diagram

graph TD
    A[Student] -->|HTTP| B[Next.js App]
    B -->|Client-Side| C[LocalStorage]
    B -->|Deployed on| D[Vercel]

C4 Component Diagram

graph TD
    A[Next.js App] --> B[Form Component]
    A --> C[GPA Calculation Logic]
    A --> D[History Component]
    B -->|Stores| E[LocalStorage]
    C -->|Reads| E
    D -->|Reads| E