# Ez Marketplace Mobile

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FcQF1SL0e6JRxJ8fxMU6W%2FEz%20Finance%20Dashboard.jpg?alt=media&#x26;token=d34400d0-b898-4988-aa37-0761b51e7e01" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-marketplace-mobile-1681305333208x375373284843192300)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-marketplace-mobile-1692021503234x469239658429099650)

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

&#x20;      [**Forum Link**](https://forum.bubble.io/t/new-ez-marketplace-mobile-template-by-eazycode/272920)

***

## 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%2F6Wm7MHV9XdzhRoiiQl5X%2Fimage.png?alt=media&#x26;token=36e4b8c4-b8a9-458f-9ed9-c102a34617af" 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%2FVInIkFPThMCfElxujwcs%2Fimage.png?alt=media&#x26;token=91b01457-6d16-40fa-89cb-0fdaa24987f8" 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%2FYl3zONlM58Gig7ly2QnD%2Fimage.png?alt=media&#x26;token=70aa9ff7-ef45-476c-bf46-2e339982d4f9" 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%2F5MPhwVWW17P9g6Jun6cG%2Fimage.png?alt=media&#x26;token=7aad879a-5108-40b3-8693-f738523987df" 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%2FdxplsuG01cnh1zFp2saJ%2Fimage.png?alt=media&#x26;token=c68a265e-91ea-42d3-8d69-276c69207326" 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%2FZwqUwpvqL7eO9uMzcg72%2Fimage.png?alt=media&#x26;token=51c373cf-c4c0-4c0e-a867-91f723293406" 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%2FrSaUu9Py3AdP2J2yZWZp%2Fimage.png?alt=media&#x26;token=f73cc103-5822-467f-ba3f-c956dff9a72a" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction&#x20;

Our template is ideal for entrepreneurs, startups, and companies that want to quickly launch mobile marketplaces. With Ez Marketplace Mobile you can easily create and customize mobile applications to sell products or services.

At <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark>, we understand that the world is mobile-first and convenience is key. Our Ez Marketplace mobile template is carefully designed and offers a versatile set of tools to help mobile shoppers find what they need.

* **User Panel** where your customers can manage their accounts, and purchases, and track the products they like.
* **Categories** for easier navigation in the offered products.
* The **Shopping Cart** is designed in such a way that your customers have no difficulty while shopping.

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.

We can also provide **cross-platform** development or **containerization** based on this template.

***

## Features

* **User Panel**
* **Shopping List**
* **Categories**
* **Liked List**
* **Shopping Cart**

***

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

This page presents the features of this application in a slide view.

### store

This page displays all the functionality of the application.

The home screen includes a list of popular products, categories by brand, and the amount of products added to the cart.

The store displays a list of all products with the filter by color, price, and brand.

The liked screen displays a list of liked products.

The profile shows four tabs.

* **My Orders** - This tab displays a list of orders.
* **My Details** - This is a tab with personal information.
* **Payment Methods** - This tab shows a payment data form.
* **Change Password** - This tab displays a change password form.

Also, this page includes a shopping cart.

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

### sign in / sign up

This reusable element includes the Sign-In / Sign-Up form.

***

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

### Cart

This data type is used to store cart 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>Order</code></td><td><a href="#order"><code>Order</code></a></td><td>Stores the order data type.</td><td></td></tr><tr><td><code>quantity</code></td><td><code>number</code></td><td>Stores the products quantity.</td><td></td></tr><tr><td><code>Size</code></td><td><a href="#size"><code>Size</code></a></td><td>Stores the size option set.</td><td></td></tr><tr><td><code>Sneakers</code></td><td><a href="#sneakers"><code>Sneakers</code></a></td><td>Stores the sneakers data type.</td><td></td></tr></tbody></table>

### Home Screen

This data type is used to store home screen 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>image</td><td><code>image</code></td><td>Stores the home screen image.</td><td></td></tr><tr><td>title</td><td><code>text</code></td><td>Stores the home screen title.</td><td></td></tr><tr><td>title_2</td><td><code>text</code></td><td>Stores the home screen description.</td><td></td></tr></tbody></table>

### Liked

This data type is used to store liked product 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>Sneakers</code></td><td><a href="#sneakers"><code>Sneakers</code></a></td><td>Stores the sneakers data type.</td><td></td></tr></tbody></table>

### Order

This data type is used to store order 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>Address</code></td><td><code>text</code></td><td>Stores the client address.</td><td></td></tr><tr><td><code>Apartment</code></td><td><code>text</code></td><td>Stores the client apartment number.</td><td></td></tr><tr><td><code>Cart</code></td><td><code>List of</code> <a href="#cart"><code>Carts</code></a></td><td>Stores the cart data type.</td><td></td></tr><tr><td><code>City</code></td><td><code>text</code></td><td>Stores the client city of living.</td><td></td></tr><tr><td><code>Country</code></td><td><code>text</code></td><td>Stores the client country of living.</td><td></td></tr><tr><td><code>Email</code></td><td><code>text</code></td><td>Stores the client email address.</td><td></td></tr><tr><td><code>First name</code></td><td><code>text</code></td><td>Stores the client first name.</td><td></td></tr><tr><td><code>House number</code></td><td><code>text</code></td><td>Stores the client house number.</td><td></td></tr><tr><td><code>Last name</code></td><td><code>text</code></td><td>Stores the client last name.</td><td></td></tr><tr><td><code>Order ID</code></td><td><code>text</code></td><td>Stores the order ID</td><td></td></tr><tr><td><code>Payment_card number</code></td><td><code>text</code></td><td>Stores the bank card number.</td><td></td></tr><tr><td><code>Payment_cvc number</code></td><td><code>number</code></td><td>Stores the bank card CVC number.</td><td></td></tr><tr><td><code>Payment_expiry date</code></td><td><code>text</code></td><td>Stores the bank card  expiry date.</td><td></td></tr><tr><td><code>Payment_name on card</code></td><td><code>text</code></td><td>Stores the name on bank card.</td><td></td></tr><tr><td><code>Phone</code></td><td><code>number</code></td><td>Stores the client phone number.</td><td></td></tr><tr><td><code>Total</code></td><td><code>number</code></td><td>Stores the order total amount.</td><td></td></tr><tr><td><code>User</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr></tbody></table>

### Posters

This data type is used to store posters on the home screen 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 poster image.</td><td></td></tr><tr><td><code>title</code></td><td><code>text</code></td><td>Stores the poster title.</td><td></td></tr></tbody></table>

### Sneakers

This data type is used to store sneakers(product) 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>Brand</code></td><td><a href="#brands"><code>Brand</code></a></td><td>Stores the brand option set.</td><td></td></tr><tr><td><code>Color</code></td><td><a href="#colors"><code>Colors</code></a></td><td>Stores the colors option set.</td><td></td></tr><tr><td><code>Image_gallery</code></td><td><code>List of images</code></td><td>Stores the product images.</td><td></td></tr><tr><td><code>Image_preview</code></td><td><code>image</code></td><td>Stores the product main image.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the product title.</td><td></td></tr><tr><td><code>Price</code></td><td><code>number</code></td><td>Stores the product price.</td><td></td></tr><tr><td><code>Quantity</code></td><td><code>number</code></td><td>Stores the product stock quantity.</td><td></td></tr><tr><td><code>Size</code></td><td><code>List of</code> <a href="#size"><code>Sizes</code></a></td><td>Stores the size option set.</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>Address</code></td><td><code>text</code></td><td>Stores the user address.</td><td></td></tr><tr><td><code>Apartment</code></td><td><code>text</code></td><td>Stores the user apartment number.</td><td></td></tr><tr><td><code>Cart</code></td><td><code>List of</code> <a href="#cart"><code>Carts</code></a></td><td>Stores the cart data type.</td><td></td></tr><tr><td><code>City</code></td><td><code>text</code></td><td>Stores the user city of living.</td><td></td></tr><tr><td><code>Country</code></td><td><code>text</code></td><td>Stores the user country of living.</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>House number</code></td><td><code>text</code></td><td>Stores the user house number.</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>Order</code></td><td><code>List of</code> <a href="#order"><code>Orders</code></a></td><td>Stores the order data type.</td><td></td></tr><tr><td><code>Payment_card number</code></td><td><code>text</code></td><td>Stores the bank card number.</td><td></td></tr><tr><td><code>Payment_cvc number</code></td><td><code>number</code></td><td>Stores the bank card CVC number.</td><td></td></tr><tr><td><code>Payment_expiry date</code></td><td><code>text</code></td><td>Stores the bank card expiry date.</td><td></td></tr><tr><td><code>Payment_name on card</code></td><td><code>text</code></td><td>Stores the name on bank card.</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></tbody></table>

***

## Option sets

### Brands

* Nike
* Adidas
* New Balance
* Reebok
* Puma

### Colors

* No sorting
* Black
* White
* Yellow
* Blue
* Red

### Size

* EU 39
* EU 40
* EU 41
* EU 42
* EU 43
* EU 44
* EU 45

### Sorting price

* No sorting
* Low to High
* High to Low

***

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