# Ez Profi

<figure><img src="/files/x5fKLn35Sqo4Vj0Ts3tz" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-profi---home-advisor-1610992694142x139053902575960060)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-profi---home-advisor-1692021501904x806437582385857800)

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

&#x20;      [**Forum Link**](https://forum.bubble.io/t/new-ez-profi-home-advisor-template-by-ezcode/131609)&#x20;

***

## Photos

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

<figure><img src="/files/sTmT6fY2M2qMCgN3a56x" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="2" %}

<figure><img src="/files/E2x3zkeiAGt0ixsaaXA4" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="3" %}

<figure><img src="/files/TVAieTtf4PKCrfsZE3Qk" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="4" %}

<figure><img src="/files/givYXJy69Fwaf4ong0GU" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="5" %}

<figure><img src="/files/FK9UytYDVOAvqwYQrgVX" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="6" %}

<figure><img src="/files/00UMvzgxRhTgG2Rv1VRB" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="7" %}

<figure><img src="/files/OKNBRAnJBI9D8PoUYPLX" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction

Introducing Ez Profi, a Home Advisor template developed by the <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> team on the Bubble.io platform. Our template is a game changer for those who need to connect with professionals for various tasks and services.

This job listing template is the perfect solution for small to medium-sized businesses, entrepreneurs, and freelancers who need a great online presence to showcase their services. The template's layout and functionality are designed with a user-friendly approach to ensure that both professionals and clients can navigate the platform with ease.

For companies that want a simple admin panel template, Ez Profi offers an impressive admin panel to manage the platform efficiently. This robust control panel makes managing lists, user profiles, and tasks a breeze, giving you more time to focus on growing your business.

Attract and engage your target audience with these outstanding features:

* **Find pros** - Easily browse and connect with qualified experts in a variety of fields.
* **Task Search** - Professionals can search and find tasks that match their skill set.
* **User/Professional Profile** - Personalize profiles by adding information, skills, reviews, and more.
* **Task Page** - Detailed task descriptions help users make informed decisions.
* **Administrator Panel** - A powerful tool to easily and effectively manage the platform.

Our template is fully compatible and responsive across all device types. Our team has developed this template in adherence to current UX/UI design standards, ensuring an intuitive interface and visually pleasing aesthetics.

While we offer the template as is, we are open to discussions regarding additional modifications. We recommend exploring the preview section before making a purchase. If you have any questions or need further clarification, please don't hesitate to contact us. We'll be delighted to assist you and tailor a solution to meet your specific requirements.

***

## Features

* **Responsive design**
* **Main page**
* **Find pros**
* **Find tasks**
* **Three user types**
* **Task page**
* **Sign in/Sign up page**

***

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

This page is the main page of the app. It displays a search bar, most popular projects, go to action bloc, more projects by categories, our screen process bloc, and most popular cities.

### admin

This is the administrator page. It allows to manage of all parts of the application. This page has three tabs.

* **Pro** - Displays a list of all registered pros on the application. Also, the admin can edit/delete any of them.
* **User** - Displays a list of all registered users on the application. Also, the admin can edit/delete any of them.
* **Orders** - Displays a list of all registered orders on the application. He can see any detail about the order.

### order

This page shows detailed information about an order. It includes the information that was fulfilled by this order's creator.

### orders

This page shows a list of orders with short information filtered by city and category.

### profile

This is a user/pro page. It shows information about orders, personal information, reviews, and profile settings.

### pros

On this page, users can find professionals with short information filtered by skill category and city of living.

### questions1

This page contains a questionnaire for new order creation.

### questions\_contractor

This page shows a questionnaire for new professionals.&#x20;

### sign\_in

This page contains Log-In / Sign-Up forms.

### reset\_pw

This page allows users to reset their password.

### 404

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

***

## Reusable elements:&#x20;

### Footer

This reusable element contains our link to <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> plugins, templates, and socials.

### Header

This reusable element contains a navigation link through the app, notifications, Log-In / Sign-Up button.

### Header Mobile

This reusable element contains a mobile version of the navigation menu.

***

## 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="/files/jXBLqAqnhRtr8trT1P4y" 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="/files/IhsNgLQzEqD60jRJQ1nn" 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="/files/Bvmu9eBxmVDTHmejQBzN" 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="/files/6V3DXdnLhMYwqnWDpiP8" 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="/files/GPrMgq8tXbrjY9yyZVyH" alt="" width="200"><figcaption></figcaption></figure>

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

<figure><img src="/files/keW5zGLMCW3tTyyEOWOZ" 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="/files/XNzKj8OwRFRk1HFOGqvy" alt="" width="200"><figcaption></figcaption></figure>

**Grey** - All other actions.

<figure><img src="/files/HC9QqjagbZp1qTBebH6y" alt="test" width="201"><figcaption></figcaption></figure>

***

## Data Types&#x20;

### Categories

This data type is used to store category 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>Icon</code></td><td><code>image</code></td><td>Stores the category image.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the category title.</td><td></td></tr></tbody></table>

### Chat

This data type is used to store chat 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>Chat 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>Messages</code></td><td><code>List of</code> <a href="#message"><code>Messages</code></a></td><td>Stores the message data type.</td><td></td></tr></tbody></table>

### City

This data type is used to store city 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>Address</code></td><td><code>geographic address</code></td><td>Stores the USA states title.</td><td></td></tr></tbody></table>

### Message

This data type is used to store message 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>Message chat</code></td><td><a href="#chat"><code>Chat</code></a></td><td>Stores the chat data type.</td><td></td></tr><tr><td><code>Message content</code></td><td><code>text</code></td><td>Stores the message content.</td><td></td></tr></tbody></table>

### Notification

This data type is used to store notification 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>Body</code></td><td><code>text</code></td><td>Stores the small notification description.</td><td></td></tr><tr><td><code>Order ID</code></td><td><code>text</code></td><td>Stores the notification ID.</td><td></td></tr><tr><td><code>Receiver</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Seen</code></td><td><code>yes/no</code></td><td>Stores the notification sttus(seen or not).</td><td></td></tr><tr><td><code>Type</code></td><td><code>text</code></td><td>Stores the notification type(Message, Offer, or Review).</td><td></td></tr></tbody></table>

This data type contains text, order's id, receiver, notification's type and was it seen or not.

### Offer

This data type is used to store professional's offer 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>Order ID</code></td><td><code>text</code></td><td>Stores the offer ID.</td><td></td></tr><tr><td><code>Rate</code></td><td><code>number</code></td><td>Stores the pro's rate by hour.</td><td></td></tr><tr><td><code>Text</code></td><td><code>text</code></td><td>Stores the offer description.</td><td></td></tr></tbody></table>

### Orders

This data type is used to store order 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>Category</code></td><td><a href="#categories"><code>Categories</code></a></td><td>Stores the categories data type.</td><td></td></tr><tr><td><code>City</code></td><td><a href="#city"><code>City</code></a></td><td>Stores the city data type.</td><td></td></tr><tr><td><code>Contractor</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>delete</code></td><td><code>yes/no</code></td><td>Stores the order status(deleted or not).</td><td></td></tr><tr><td><code>Description</code></td><td><code>text</code></td><td>Stores the order description.</td><td></td></tr><tr><td><code>Offers</code></td><td><code>List of</code> <a href="#offer"><code>Offers</code></a></td><td>Stores the offer data type.</td><td></td></tr><tr><td><code>Photo</code> </td><td><code>List of images</code></td><td>Stores the order images.</td><td></td></tr><tr><td><code>Request Payment</code></td><td><a href="#payment-request"><code>Payment request</code></a></td><td>Stores the payment request data type.</td><td></td></tr><tr><td><code>Status</code></td><td><code>text</code></td><td>Stores the order status.</td><td></td></tr><tr><td><code>Subcategory</code></td><td><a href="#subcategory"><code>Subcategory</code> </a></td><td>Stores the subcategory data type.</td><td></td></tr><tr><td><code>Timing</code></td><td><code>text</code></td><td>Stores the how long does it take to complete the job.</td><td></td></tr><tr><td><code>Title</code></td><td><code>text</code></td><td>Stores the order title.</td><td></td></tr><tr><td><code>type</code></td><td><a href="#type-of-building"><code>Type of Building</code></a></td><td>Stores the type of building data type.</td><td></td></tr><tr><td><code>Wanter</code></td><td><code>List of</code> <a href="#user"><code>Users</code></a></td><td>Stores the list of pro, who can get the job.</td><td></td></tr></tbody></table>

### Payment Request

This data type is used to store payment request 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>Amount</code></td><td><code>number</code></td><td>Stores the total price.</td><td></td></tr><tr><td><code>Exist</code></td><td><code>yse/no</code></td><td>Stores the request status(exist or nor).</td><td></td></tr><tr><td><code>Hours</code></td><td><code>number</code></td><td>Stores the order number of hurs.</td><td></td></tr><tr><td><code>Money Receiver</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Order</code></td><td><a href="#orders-1"><code>Orders</code></a></td><td>Stores the order data type.</td><td></td></tr><tr><td><code>Paid</code></td><td><code>yes/no</code></td><td>Stores the request status(paid or not).</td><td></td></tr><tr><td><code>Payer</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr></tbody></table>

### Portfolio

This data type is used to store pro portfolio 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>Description</code></td><td><code>text</code></td><td>Stores the pro description.</td><td></td></tr><tr><td><code>Image</code></td><td><code>image</code></td><td>Stores the pro image.</td><td></td></tr><tr><td><code>Title</code></td><td><code>text</code></td><td>Stores the pro title.</td><td></td></tr></tbody></table>

### Projects

This data type is used to store "most popular projects" bloc on the landing page 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>Icon</code></td><td><code>image</code></td><td>Stores the project image.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the project title.</td><td></td></tr></tbody></table>

### Review

This data type is used to store review 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>First Name</code></td><td><code>text</code></td><td>Stores the reader first name.</td><td></td></tr><tr><td><code>Last Name</code></td><td><code>text</code></td><td>Stores the reader last name.</td><td></td></tr><tr><td><code>Photo</code></td><td><code>image</code></td><td>Stores the reader photo.</td><td></td></tr><tr><td><code>Star</code></td><td><code>number</code></td><td>Stores the review rating.</td><td></td></tr><tr><td><code>Text</code></td><td><code>text</code></td><td>Stores the review content.</td><td></td></tr></tbody></table>

### Subcategory

This data type is used to store subcategory 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>Name</code></td><td><code>text</code></td><td>Stores the subcategory title.</td><td></td></tr></tbody></table>

### Type Of Building

This data type is used to store type of building 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>Icon</code></td><td><code>image</code></td><td>Stores the type image.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the type description.</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>Admin</code></td><td><code>yes/no</code></td><td>Stores the user status(admin or not).</td><td></td></tr><tr><td><code>Category</code></td><td><a href="#categories"><code>Categories</code></a></td><td>Stores the categories data type.</td><td></td></tr><tr><td><code>Chats joined</code></td><td><code>List of</code> <a href="#chat"><code>Chats</code></a></td><td>Stores the chat data type.</td><td></td></tr><tr><td><code>City</code></td><td><a href="#city"><code>City</code></a></td><td>Stores the city data type.</td><td></td></tr><tr><td><code>delete</code></td><td><code>yes/no</code></td><td>Stores the user status(deleted or not).</td><td></td></tr><tr><td><code>Description</code></td><td><code>text</code></td><td>Stores the user BIO.</td><td></td></tr><tr><td><code>Experience</code></td><td><a href="#experience"><code>Experience</code></a></td><td>Stores the experience data type.</td><td></td></tr><tr><td><code>Facebook</code></td><td><code>text</code></td><td>Stores the user facebook link.</td><td></td></tr><tr><td><code>First Name</code></td><td><code>text</code></td><td>Stores the user first name.</td><td></td></tr><tr><td><code>Last Name</code></td><td><code>text</code></td><td>Stores the user last name.</td><td></td></tr><tr><td><code>Linked In</code></td><td><code>text</code></td><td>Stores the user linkedin link.</td><td></td></tr><tr><td><code>Phone</code></td><td><code>number</code></td><td>Stores the user phone number.</td><td></td></tr><tr><td><code>Photo</code></td><td><code>image</code></td><td>Stores the user image.</td><td></td></tr><tr><td><code>Portfolio</code></td><td><code>List of</code> <a href="#portfolio"><code>Portfolios</code></a></td><td>Stores the portfolio data type.</td><td></td></tr><tr><td><code>Pro</code></td><td><code>yes/no</code></td><td>Stores the user type status(pofessional or not).</td><td></td></tr><tr><td><code>Proposal</code></td><td><code>List of</code> <a href="#offer"><code>Offers</code></a></td><td>Stores the offer data type.</td><td></td></tr><tr><td><code>Rate an hour</code></td><td><code>number</code></td><td>Stores the user rate an hour(if professional).</td><td></td></tr><tr><td><code>Reviews</code></td><td><code>List of</code> <a href="#review"><code>Reviews</code></a></td><td>Stores the review data type.</td><td></td></tr><tr><td><code>Twitter</code></td><td><code>text</code></td><td>Stores the user twitter link.</td><td></td></tr></tbody></table>

### Working Area

This data type is used to store working area 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>Name</code></td><td><code>text</code></td><td>Stores the area title.</td><td></td></tr></tbody></table>

***

## Option Sets&#x20;

### Experience

* Less than 1 year
* 1-3 years
* 4-7 years
* More than 7 years

***

<div align="left"><figure><img src="/files/FWlRXstCc6xNIGrX5Eqb" 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="/files/4KPeHfCmX2d7zpd83cXF" alt="" data-size="line"> <https://www.fiverr.com/share/qQoDQZ>\ <img src="/files/h0wwtUMwvDod7FamBfIq" alt="" data-size="line"> <https://www.upwork.com/freelancers/~01c1a4cbef44ecb5f1>\
\
**Follow us:**

<img src="/files/67Q41mFR1z6nYwKvqJeJ" alt="" data-size="line"> <https://www.facebook.com/eazycode>\ <img src="/files/6MUa0InxwRzMoVStCu5q" alt="" data-size="line"> <https://twitter.com/ezcode_official>  \ <img src="/files/IUseXDC1i7zfvZcQgctx" alt="" data-size="line"> <https://www.instagram.com/eazycodecom/>\ <img src="/files/0dMeGeMKCjKSGW3RBP6P" alt="" data-size="line"> <https://www.linkedin.com/company/eazycodecom/>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.eazycode.com/ezcode-documentation/templates/ez-profi.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.