System Design

Architecture Diagram

This diagram shows how the app’s components interact from the user frontend to the backend API, database, middleware, and external services like email and cloud hosting. It gives a clear overview of data flow and system structure.

Infrastructure Diagram

This diagram illustrates the Joblist app’s deployment infrastructure, showing how code flows from GitHub through automated CI/CD pipelines to the staging (Render) and production (Google Cloud) environments. It highlights how each environment connects to its respective MongoDB Atlas database and how the client application interacts with the live system.