The MVC architectural pattern

Most modern web applications implement the MVC architectural pattern. It consists of three interconnected parts that separate the internal representation of information in a web application:

• Model: Manages the business logic of an application that determines how data should be stored, created, and modified
• View: Any visual representation of the data or information
• Controller: Interprets user-generated events and transforms them into commands for the model and view to update accordingly:

The Separation of Concern (SoC) design pattern separates frontend from backend code. Following the MVC architectural pattern, developers are able to adhere to the SoC design pattern, resulting in a consistent and manageable application structure.

The recipes in the following chapters implement this architectural pattern to separate the frontend and the backend.