# Ez Task Manager Pro

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FbpcsTIhX7RMCmVt1akEE%2FEz%20Task%20Manager%20Pro.png?alt=media&#x26;token=5cec7e06-edcf-4c61-9bdf-2f110b159563" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-task-manager-pro-1630071285840x308180188141977600)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-task-manager-pro-1692021501960x420303578747315700)

&#x20;      [**Preview Link**](https://eztaskmanagerpro.bubbleapps.io/)&#x20;

&#x20;      [**Forum Link**](https://forum.bubble.io/t/new-ez-task-manager-pro-template-by-ezcode/171427)

***

## Photos

{% tabs %}
{% tab title="1" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FQB6gkrzBNKQNWEylmWrs%2Fimage.png?alt=media&#x26;token=b8e5beea-ccc1-4b22-9bec-bf88d6e42953" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="2" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FF7sKJlkHp8iux82DAMIy%2Fimage.png?alt=media&#x26;token=ce9f20df-4e6d-4a53-a456-f7e368e80c6b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="3" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F0TTmKk0f4s5t5ICiKsmx%2Fimage.png?alt=media&#x26;token=c5976c6c-3cd0-441a-906d-fe04502d3964" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="4" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FR73Tqaz8a1LY2sSSUOzp%2Fimage.png?alt=media&#x26;token=486fde0c-3ffa-4a6d-bde3-35af8bfe7659" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="5" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F08Buf87IKff7vUk8SEHG%2Fimage.png?alt=media&#x26;token=c721eea0-1f46-4bb3-94f8-df6caa9ba121" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="6" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FU2RVEGrK3YiOOydL1IzJ%2Fimage.png?alt=media&#x26;token=aa649c32-8478-47fd-828c-fe11216601a2" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="7" %}

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FMYSvaJf6UyWpT3N82szo%2Fimage.png?alt=media&#x26;token=91c68f68-d90d-4c4b-ac6e-29c4672413bf" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction&#x20;

This template provides a powerful and intuitive platform to organize, prioritize, and conquer your daily tasks. With its sleek and user-friendly interface, Ez Task Manager Pro allows seamless project, deadline, and collaboration management. It offers customizable task lists, progress tracking, and team collaboration features to enhance productivity and help you achieve your goals. During the development of this template, our main goal was to create a convenient and multifunctional application.&#x20;

We integrated several key functions, including:

* **Kanban Board** - This Drag and Drop system enables task setting and work process organization to effectively achieve set goals.
* **My Tasks** - This feature ensures that no task is overlooked.
* **Projects** - It provides a list of current and finished projects, along with brief descriptions. Clicking on any project will take you to the Kanban tab.

Our template is fully compatible and responsive across all device types. Our team has developed this template in line with up-to-date UX/UI design standards, providing an intuitive interface and visually pleasing aesthetics.

While we sell the template as is, we remain open to discussing additional modifications. Before purchasing the template, we recommend checking out the preview section. If you have any questions or require further clarification, please do not hesitate to contact us, and we'll be delighted to assist and tailor a solution to suit your needs.

***

## Features

* **Landing Page**
* **Projects**
* **Tasks**
* **KanBan**
* **Responsive Design**

***

## Notes

{% hint style="info" %} <mark style="color:blue;">**Important note**</mark><mark style="color:blue;">:</mark> After purchasing this template and customizing it, be sure that you had a chance to learn how to set up data security.&#x20;

Check all privacy settings by the following link before launch: [*<mark style="color:blue;">**Bubble Privacy**</mark>* ](https://manual.bubble.io/help-guides/data/the-database/protecting-data-with-privacy-rules)

Since access to objects differs in each application and is unique for each case, ensure you have established all the privacy rules.
{% endhint %}

{% hint style="danger" %} <mark style="color:red;">This template is not the final product. Any part of the application can be modified for different needs.</mark>
{% endhint %}

***

## Pages&#x20;

### index&#x20;

This page presents the features of this application. Also on this page, clients can find links to other <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> templates on this topic.

### pages

This is the main page of the application, the user panel. It displays five tabs and a list of teams.&#x20;

* **Projects** - This tab displays a list of current and finished projects, with a small description. By clicking on the project, the user is transferred to the KanBan tab.
* **KanBan** - This tab displays the kanban board filtered by individual projects.
* **My Tasks** - This tab shows a list of tasks assigned to the current user.
* **Notifications** - This tab displays a notifications list.
* **Settings** - This tab with user's personal information.

### reset\_pw

This page allows the user to reset the password.

### 404

This page appears when something goes wrong in the app's work

***

## Reusable elements

### Footer

This reusable element includes links to the <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> templates, socials, and personal web.

### Header

This reusable element includes the app navigation panel.

***

## Workflow

Highlighting the workflow with color is a great way to separate actions in essence and significance. Below is the <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> standard for the use of colors with a detailed explanation.

{% hint style="warning" %} <mark style="color:orange;">The standards below are for informational purposes only. Any discrepancy is not related to the functionality of the application.</mark>
{% endhint %}

**Blue** - The actions taking place on our screen do not utilize the application's resources. For instance, when an element is clicked and a popup is opened or closed.

<div align="center"><figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2Fa6ECFLHHyTqpr90FXSPb%2Fimage.png?alt=media&#x26;token=772855b5-5b7b-49aa-b99e-04701767624f" alt="" width="200"><figcaption></figcaption></figure></div>

**Green** - These actions involve creating or modifying entries in the database. For example, "Create a new Thing," "Make changes to a thing or a list of things," as well as "Copy a list of things," and so on.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FllvYT6zyLSb3QtkbzWj0%2Fimage.png?alt=media&#x26;token=65bc26ac-4a39-49ac-af76-56028f5bc333" alt="" width="200"><figcaption></figcaption></figure>

**Red** - This action involves deleting or resetting values. For instance, "Delete a thing or a list of things," as well as "Reset a group" and "Reset inputs."

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FctFJTDZVJYSxbjS2melb%2Fimage.png?alt=media&#x26;token=60d0a236-cca6-491b-88b6-a26f2311cc8c" alt="" width="200"><figcaption></figcaption></figure>

**Orange** - Actions related to your navigation. For example, "Navigate to a page," or "Do when a condition is true" – when you use specific values for checking, such as "When the current user is logged in," and so on.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F7e8TWWOrsNOk3PttmqlN%2Fimage.png?alt=media&#x26;token=75cde6b5-e72b-4f75-a540-2507e1f92ed9" alt="" width="200"><figcaption></figcaption></figure>

**Cyan** - Actions utilizing Custom Events – lengthy tasks that involve the creation, modification, deletion, and plugins within a single comprehensive workflow as steps.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FygcvmFN64pIlShKKlsYH%2Fimage.png?alt=media&#x26;token=767513b2-cb61-4010-be33-cd4ff5967fad" alt="" width="200"><figcaption></figcaption></figure>

**Brown** - Custom workflow, API workflow, and similar tasks.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FIDdRjV71dqlcIXAsbOIV%2Fimage.png?alt=media&#x26;token=c76c2a04-b052-468b-b47c-efe04457d373" alt="" width="200"><figcaption></figcaption></figure>

**Purple** - The significance of this color is determined by the developer themselves, as it is done due to the fact that everyone has their own approach to development.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FQEZ73m2nAW9oTEAIFhDR%2Fimage.png?alt=media&#x26;token=007881d1-774f-40e0-84f2-557e3f60caa4" alt="" width="200"><figcaption></figcaption></figure>

**Grey** - All other actions.

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FUJj9aHsMG5LM8tZCMPLF%2Fimage.png?alt=media&#x26;token=eac4b920-8f7a-464e-bb6d-f1905009ad28" alt="test" width="201"><figcaption></figcaption></figure>

***

## Data Types

### Comment

This data type is used to store comment proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Project</code></td><td><a href="#project"><code>Project</code></a></td><td>Stores the project data type.</td><td></td></tr><tr><td><code>Task</code></td><td><a href="#task"><code>Task</code></a></td><td>Stores the task data type.</td><td></td></tr><tr><td><code>Text</code></td><td><code>text</code></td><td>Stores the task description.</td><td></td></tr></tbody></table>

### Notifications

This data type is used to store notification proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Project</code></td><td><a href="#project"><code>Project</code></a></td><td>Stores the project data type.</td><td></td></tr><tr><td><code>Receivers</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Seen by</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Task</code></td><td><a href="#task"><code>Task</code></a></td><td>Stores the task data type.</td><td></td></tr><tr><td><code>Teams</code></td><td><code>List of</code> <a href="#team"><code>Teams</code></a></td><td>Stores the team data type.</td><td></td></tr><tr><td><code>Type</code></td><td><a href="#type"><code>Type</code></a></td><td>Stores the type option set.</td><td></td></tr></tbody></table>

### Project

This data type is used to store project proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Attachments</code></td><td><code>List of files</code></td><td>Stores the project attached files.</td><td></td></tr><tr><td><code>Columns</code></td><td><code>List of</code> <a href="#task-groups"><code>Task Groupses</code></a></td><td>Stores the task group option set.</td><td></td></tr><tr><td><code>Comments</code></td><td><code>List  of</code> <a href="#comment"><code>Comments</code></a></td><td>Stores the comment data type.</td><td></td></tr><tr><td><code>Deadline</code></td><td><code>date</code></td><td>Stores the project deadline date.</td><td></td></tr><tr><td><code>Description</code></td><td><code>text</code></td><td>Stores the project description.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the project title.</td><td></td></tr><tr><td><code>Tasks</code></td><td><code>List of</code> <a href="#task"><code>Tasks</code></a></td><td>Stores the task data type.</td><td></td></tr><tr><td><code>Teams</code></td><td><code>List of</code> <a href="#team"><code>Teams</code></a></td><td>Stores the team data type.</td><td></td></tr><tr><td><code>Users</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the user data type.</td><td></td></tr></tbody></table>

### Task

This data type is used to store task proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Column</code></td><td><a href="#task-groups"><code>Task Groups</code></a></td><td>Stores the task group data type.</td><td></td></tr><tr><td><code>Comments</code></td><td><code>List of</code> <a href="#comment"><code>Comments</code></a></td><td>Stores the comment data type.</td><td></td></tr><tr><td><code>Complete</code></td><td><code>yes/no</code></td><td>Stores the task status(completed or not).</td><td></td></tr><tr><td><code>Deadline</code></td><td><code>date</code></td><td>Stores the task deadline date.</td><td></td></tr><tr><td><code>Description</code></td><td><code>text</code></td><td>Stores the task description.</td><td></td></tr><tr><td><code>Files</code></td><td><code>List of files</code></td><td>Stores the task attached files.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the task title,</td><td></td></tr><tr><td><code>Project</code></td><td><a href="#project"><code>Project</code></a></td><td>Stores the project data type.</td><td></td></tr><tr><td><code>Status</code></td><td><a href="#task-status"><code>Task Status</code></a></td><td>Stores the task status option set.</td><td></td></tr><tr><td><code>Users</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the user data type.</td><td></td></tr></tbody></table>

### Task Groups

This data type is used to store task group proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the gtoup title.</td><td></td></tr><tr><td><code>Project</code></td><td><a href="#project"><code>Project</code></a></td><td>Stores the project data type.</td><td></td></tr><tr><td><code>Tasks</code></td><td><code>List of</code> <a href="#task"><code>Tasks</code></a></td><td>Stores the task data type.</td><td></td></tr></tbody></table>

### Team

This data type is used to store team proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Image</code></td><td><code>image</code></td><td>Stores the team image.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the team title.</td><td></td></tr><tr><td><code>Users</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the team users.</td><td></td></tr></tbody></table>

### User

This data type is used to store user proprieties.

<table data-full-width="false"><thead><tr><th>Field name</th><th>Type</th><th>Notes</th><th data-hidden>Notes</th></tr></thead><tbody><tr><td><code>Avatar</code></td><td><code>image</code></td><td>Stores the user image.</td><td></td></tr><tr><td><code>Notifications</code></td><td><code>List of</code> <a href="#notifications"><code>Notificationses</code></a></td><td>Stores the notifications data type.</td><td></td></tr><tr><td><code>Phone Number</code></td><td><code>number</code></td><td>Stores the user phone number.</td><td></td></tr><tr><td><code>Project view</code></td><td><code>yes/no</code></td><td>Stores the user status(viewed project or not).</td><td></td></tr><tr><td><code>Projects</code></td><td><code>List of</code> <a href="#project"><code>Projects</code></a></td><td>Stores the project data type.</td><td></td></tr><tr><td><code>Task view</code></td><td><code>yes/no</code></td><td>Stores the user status(viewed task or not).</td><td></td></tr><tr><td><code>Tasks</code></td><td><code>List of</code> <a href="#task"><code>Tasks</code></a></td><td>Stores the task data type.</td><td></td></tr><tr><td><code>Teams</code></td><td><code>List of</code> <a href="#team"><code>Teams</code></a></td><td>Stores the team data type.</td><td></td></tr><tr><td><code>Username</code></td><td><code>text</code></td><td>Stores the user full name.</td><td></td></tr></tbody></table>

***

## Option sets

### Numbers

* 1
* 2
* 3
* 4
* 5
* 6

### Tabs

* Projects
* My Tasks
* Settings
* Notifications
* Kan Ban

### Task Status

* To do
* Doing
* Done

### Team type

* add
* remove

### Type

* Message
* Task
* Comment
* Team
* Project

***

<div align="left"><figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FOmA8OIR6KMcPc4Kd8oZW%2Fimage.png?alt=media&#x26;token=d8d79fa2-356b-4dd7-a687-fc59b1c965b3" alt="" width="188"><figcaption></figcaption></figure></div>

The template is sold as is, although additional modifications can be discussed. Feel free to contact us for any inquiries and we’ll be happy to find a solution for your ideas – <http://eazycode.com/>

**Hire us:**

<img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FnhRM38XquaMB7rEGRZF5%2Fimage.png?alt=media&#x26;token=94debb70-7346-48cc-8e7a-ddac3b68cc70" alt="" data-size="line"> <https://www.fiverr.com/share/qQoDQZ>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FUnmo0SgqtdtObJcWnXKG%2Fimage.png?alt=media&#x26;token=84a44ee4-c963-4409-ab03-5e03da5f9917" alt="" data-size="line"> <https://www.upwork.com/freelancers/~01c1a4cbef44ecb5f1>\
\
**Follow us:**

<img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FY27NTLRLjxmS860b2LuF%2Fimage.png?alt=media&#x26;token=de978886-fe93-45d9-9aa2-dbe633c9c900" alt="" data-size="line"> <https://www.facebook.com/eazycode>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FJxNkIN1XL49rJ0d1PW4h%2Fimage.png?alt=media&#x26;token=6bc2d54b-741e-4327-895e-c9d256e29cfc" alt="" data-size="line"> <https://twitter.com/ezcode_official>  \ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FDIjJ2ERcrlmbdSWhRNBd%2Fimage.png?alt=media&#x26;token=0a8166ae-162e-4fcb-bef6-e458c760fee7" alt="" data-size="line"> <https://www.instagram.com/eazycodecom/>\ <img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F0K22Xx5JDxzKfhXJkmSi%2Fimage.png?alt=media&#x26;token=90af72e3-5fcc-4ea2-baf6-56525f3e1e6a" alt="" data-size="line"> <https://www.linkedin.com/company/eazycodecom/>