After reading this article you’ll know:

Created to support your application-building experience during the essential learning path walkthrough, this template represents a simple project management application. The Essential path review application has a login-logout functionality, allows you to create, update, and delete projects and tasks that belong to these projects, and additionally contains the back office where you can manage web users.

Let’s go a bit more in detail about what kind of feature you can find within the Essential path review template. Mind that everything explained in this chapter is strictly front-end related (that is, what you get after compiling your application with this template).

Registering a new user account is required as you take the first steps. This first registered user will be automatically granted an administrator role. The details to fill in during the registration are:

Once a new user is registered, they have to go through the login process. Email address and password are required. If someone needs to log in to the application using different credentials, they will have to log out first. Logging out is also required if a user does not want to stay in the system.

The user’s profile details are displayed on a separate account page. One can go to this page any time to update profile information:

Another tab on the account settings page is created for updating passwords. The fields to fill in:

If a user forgets their password, they can request a password reset from the login page. This action requires the user’s email address to which they will receive a special email with the recovery link.

The primary purpose of this application is project and task management. It is realized through a CRUD (create, read, update, delete functionality) of projects and tasks within the following four pages:

You can reach those from the home page, as well as your account.

In order to create a project, you need to provide:

To create a task, you need to provide:

When the task or project has been created, you can change its status and edit the information (name, description, end date) from the Task view and Project (view) pages accordingly. When editing a project, you can also create a new task along with it that will be assigned to this particular project.

Each project or task has its own status (1). You can set it yourself when creating a new project or task and change it in the future. Also, these statuses are highlighted with color.

You will notice the time spent indicator which measures the time from the task being in progress and the ‘Is done’ section which indicates whether the task has been completed (2).

On the right of the detail page, there is a section with four management buttons (3). These stand for (from left to right):

The ‘Edit’ button leads you to the new modal where you can change the time spent doing the task and the project the task assigned to, besides the name, description, and end date.

Serves as a management interface for users of your application. Here an administrator can add and edit web user profiles, assign an admin role if needed, and set the email configuration.

Since the configuration in the back office is similar to the one in the Login flow template, we recommend having a look at its article.

The switching languages button can be found on the navigation bar (flag icon). Two languages by default are English and Dutch.

Note: The switch language function works only for individual pieces of text. Learn more about multilingual applications.

This is the ‘inside’ part of the template where you can see which components the application is made of. Open the page builder to find this list of pages.