So the first module we are going to develop is user management. In this module, we will be able to see all the users that are registered on the system, add new users, edit, and delete current users.
When the user clicks on the Users Menu option, a new tab is going to be opened with the list of all users from the system as shown in the following screenshot:
When the user clicks on the Add or Edit button, the system will display a window so the user can create a new user or edit a current user (based on the record selected on the Grid panel). The edit window will look like the following screenshot:
Some capabilities of creating or editing a user: we can edit the User Information such as Name, Username and so on. We can also upload a Picture representing the user. But there is an extra feature: using the HTML 5 API, we are going to display a preview of the Picture right after the user selects the Picture from the computer and before the user uploads it to the server.
So let's go...