# Ez Task Manager V2.0

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FwHOmltA4l9Yy1j86LqgZ%2Fimage.png?alt=media&#x26;token=326054ec-c221-4c2c-aa30-89bd1abe8351" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

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

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

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

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

***

## 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%2FB3yfYQMDhF4ZRC59ahz2%2Fimage.png?alt=media&#x26;token=a3f92b64-a327-4c4f-8621-fc62d27b4b4f" 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%2FNz9UxgKZb4Lck1lmQGwU%2Fimage.png?alt=media&#x26;token=74b9250f-1a50-4e56-80ee-f5e21c50e056" 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%2FWWXImaKxAn0ITRRYUSNH%2Fimage.png?alt=media&#x26;token=38193433-d1ec-41a5-b1f7-1a7eaf0d820c" 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%2Fs8qdhSdYz8Ovo95wGw9a%2Fimage.png?alt=media&#x26;token=621719fd-7f8f-4072-bdf4-73cb828dd4ef" 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%2Fw8MX1PuJ12An5IW52aTg%2Fimage.png?alt=media&#x26;token=ef7e0433-0471-4ff6-87e5-eeae921a9cb4" 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%2FK2C42LvrOfIgrXWDl6mT%2Fimage.png?alt=media&#x26;token=2d575d89-e74b-45b2-8a9d-a1465df50633" 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%2FdyQuMDboGmNnDOfnhNMF%2Fimage.png?alt=media&#x26;token=ce27889c-73bb-4ee3-944f-83f3b7244735" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Introduction&#x20;

Ez Task Manager v2.0 provides a unified platform for monitoring tasks, deadlines, and progress, facilitating enhanced productivity and concentration. EazyCode has created this tool for individuals and professionals alike, guaranteeing the efficient and effective completion of crucial tasks. It boasts user-friendliness similar to Trello.

This template has been designed to perform important functions such as:

&#x20;\- **Creation of projects and tasks**, which makes it easier to manage if you have to handle several projects at the same time.

&#x20;\- The possibility to **prioritize tasks** and set deadlines for their completion, using this option you can easily determine which of them are the most important and complete them on time.

This template is fully responsive for all types of devices. Our team has developed this template according to all modern UX/UI design standards with an intuitive interface and pleasant colors.

The template is completely free, although additional modifications may be discussed. Feel free to contact us with any questions and we will be happy to find a solution to your idea.

***

## Features

* **Landing page**&#x20;
* **Registration Page**
* **Settings**
* **Board**
* **Task Details**
* **Deadline**
* **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

### index

This is the app's landing page. It includes testimonials, banners, pricing, features, FAQ.

### dashboard

This is the multifunctional main page of the application. It contains three tabs.

* **Boards** - show us a full list of projects with the possibility to see/add/edit tasks in the project.
* **All Tasks** - show us a full list of tasks for any project.
* **My Account** - tab which directs you to the settings page.

### settings&#x20;

On this page, you can edit your personal information.

### 404

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

***

## Reusable elements&#x20;

### BoardMain

This reusable element contains boards that contain drag/drop elements, and tasks. It allows users to manage tasks and boards easily.

### dash\_header

This reusable element contains the logo, user's image and name, Ez Task Manager Pro try demo button.

### Footer

This reusable element contains subscribe form, EzCode templates, plugins, and socials links.

### Header

This reusable element contains a logo, scroll-to buttons, log-in/ sign-up, mobile menu.

### Signup / Login Popup

This reusable element contains sign-up/log-in and reset password forms.

***

## 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&#x20;

### Board

This data type is used to store board proprieties.&#x20;

<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>board_description</code></td><td><code>text</code></td><td>Stores the board description.</td><td></td></tr><tr><td><code>board_image</code></td><td><code>image</code></td><td>Stores the board image.</td><td></td></tr><tr><td><code>board_name</code></td><td><code>text</code></td><td>Stores the board name</td><td></td></tr><tr><td><code>board_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><tr><td><code>boardline</code></td><td><code>List of texts</code></td><td>Stores the board  lines.</td><td></td></tr></tbody></table>

### Color

This data type is used to store a list of color proprieties.&#x20;

<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>color image</code></td><td><code>image</code></td><td>Stores the color image.</td><td></td></tr><tr><td><code>color name</code></td><td><code>text</code></td><td>Stores the color hex code.</td><td></td></tr></tbody></table>

### List

This data type is used to store a list of task proprieties.&#x20;

<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>listArhived</code></td><td><code>yes/no</code></td><td>Stores the list status.</td><td></td></tr><tr><td><code>listBoard</code></td><td><a href="#board"><code>Board</code></a></td><td>Stores the board data type.</td><td></td></tr><tr><td><code>listName</code></td><td><code>text</code></td><td>Stores the list name.</td><td></td></tr><tr><td><code>listTask</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>

### Task

This data type is used to store task proprieties.&#x20;

<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>color</code></td><td><a href="#color"><code>Color</code></a></td><td>Stores the color data type.</td><td></td></tr><tr><td><code>due_date</code></td><td><code>date</code></td><td>Stores the due date of task.</td><td></td></tr><tr><td><code>image</code></td><td><code>image</code></td><td>Stores the image of task.</td><td></td></tr><tr><td><code>order</code></td><td><code>number</code></td><td>Stores the order number of task.</td><td></td></tr><tr><td><code>project_id</code></td><td><code>text</code></td><td>Stores the project ID.</td><td></td></tr><tr><td><code>status</code></td><td><code>text</code></td><td>Stores the status of task.</td><td></td></tr><tr><td><code>task_description</code></td><td><code>text</code></td><td>Stores the task description.</td><td></td></tr><tr><td><code>task_List</code></td><td><a href="#list"><code>List</code></a></td><td>Stores the list data type.</td><td></td></tr><tr><td><code>task_name</code></td><td><code>text</code></td><td>Stores the name of task.</td><td></td></tr><tr><td><code>User_id</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>UserResults</code></td><td><code>text</code></td><td>Stores the task resault.</td><td></td></tr></tbody></table>

### User

This data type is used to store user proprieties.&#x20;

<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>Bio</code></td><td><code>text</code></td><td>Stores the user's short biography.</td><td></td></tr><tr><td><code>Initials</code></td><td><code>text</code></td><td>Stores the user's initials.</td><td></td></tr><tr><td><code>name</code></td><td><code>text</code></td><td>Stores the user's name.</td><td></td></tr><tr><td><code>user_pic</code></td><td><code>image</code></td><td>Stores the user's image.</td><td></td></tr></tbody></table>

***

<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/>