Application functionality

As you may recall, our application was intended to be an image gallery-type application which displays a list of images. Users are able to interact with the application in a variety of different ways. While the application might seem very simple from a user's point of view, it is designed from the ground up, to be easily extensible, so more functionality can be added to it as needed.

Let's consider the various aspects of our application's functionality.

Index page

The main page of the application (index.html) consists of three main components: header, footer, and content.

These components build the header, footer, and content sections (page fragments) of the main page respectively, as shown in the previous screenshot.

Since we designed our application as a Single Page Application (SPA), navigation to different pages of the application only updates the view of the content area.

The footer and header sections of the application are rendered only once, and that is at the...