In this article, we will show you how to create a task management system quickly with the help of the UI Bakery visual development platform. Below are the steps we are going to take to develop this software solution.
So let’s start working with a "Register" page.
After your successful registration (or login) in the UI Bakery visual apps builder, you will see a dashboard page. The dashboard is a place where you can see the list of your projects. Currently, we do not have any, so there is a No projects label on the dashboard.
To start making a new project, click Create a project. We can’t create it without any name, so we can name it a "Task system", or give it any other name you like. After that, just click "Create" to launch your first project.
Now, we need to build our first page, a Register page. To do this, adhere to the following steps:
Now, we can work with the page content. We need to display our Register widget in the center of the screen.
We can place our widget in the space and customize it.
We are almost done! Now, let's edit the link in the Register widget in the following way:
The "Register" page is ready, and now we can work with the Login page. We can create a new page or duplicate (copy) the Register one. Not to deal with the previous space set-up, copy the Register page following the next steps:
UI Bakery has duplicated the page and placed it at the end of the page’s list.
Now, open the duplicated page. Delete a Register widget from the copied page, add a Login widget, and set its width to 30%. You can rename a new page and edit the Login widget in the same way we have recently done with the Register widget.
To link your Register and Login pages:
To check whether the link works properly, click on the Preview (an eye icon) button at top of the screen of the UI Bakery visual development platform.
Click “Already have an account? Log in.” to move to your Login page. You can also link the Login page with the your Register just in the same way.
Now, it is time to create the core page of our task management system – My tasks.