Model View Controller (MVC)

Decoupling the user interface from the control logic and data.

Oftentimes in our application, the actions taken by the user require some data to be fetched/updated from the backend.

For example, when the user creates a new food item, the app will have to:

1. Send the data associated with the new food item to our backend server.

2. Wait for the new food item to be created in our database.

3. Bring the user back the page where he views the list of food items available.

4. Update the list of food items to include the one that was newly created.

The following diagrams illustrates how this functionality is handled in our application.

Step 1

Step 2

Step 3

Step 4

Step 5