# Ez Mobile App Pro

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F6GTZrwo8qLjIRblD6mEj%2FEz%20Mobile%20Pro.jpg?alt=media&#x26;token=6c923713-af87-46e5-8d80-d63ba1dc72c4" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-mobile-app-pro-1621890621073x834990344954445800)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-mobile-app-pro-1692021501956x686966784746830300)

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

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

***

## 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%2F7bgmdnSwGXOlfOBmnBtV%2FFrame%20752.png?alt=media&#x26;token=c162acb7-cf67-412c-8311-e43af7d6f09a" 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%2F5v00blM52zKiCII9RDmz%2FFrame%20753.png?alt=media&#x26;token=b67d8e15-857f-4b44-b253-e26990693454" 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%2FGyoZjw3i8ET69Xgddhbl%2FFrame%20754.png?alt=media&#x26;token=2144229c-9e48-47a4-ba0c-ff307f1deb60" 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%2FV7V02VIvAOLW4dKbDbgE%2FFrame%20755.png?alt=media&#x26;token=c8862251-c2c6-41f2-a655-8c4088240cd0" 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%2FzyZka2Io3SBnNkXz2l2U%2FFrame%20756.png?alt=media&#x26;token=c83d60b3-31e1-4fd2-8379-a78fa54c2310" 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%2F34IW5LzpyJPHF0QMzbZw%2FFrame%20757.png?alt=media&#x26;token=a66cd096-49c1-4451-909b-7d6c34eb8385" 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%2F1kAvPesZG8KAH2OYsuEx%2FFrame%20758.png?alt=media&#x26;token=e96ab30c-12b7-4f55-bd57-efe1459fcb30" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction&#x20;

<mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> offers a comprehensive platform for app developers, entrepreneurs, and companies, making it easy for them to initiate their mobile app projects. You can easily customize the user interface, integrate functionality, and create a unique design for your application. All the necessary features for your application are conveniently available in one place.

* **FEED** - Allow your users to stay connected with friends and family through posts, stories, and profiles. They can share, like, and comment on updates, providing a live and interactive social network experience with our dynamic social network.
* **WALLET** - Your users will be able to manage their finances with our seamless wallet system. They can send and request transactions from other users, track transaction history, and check their balance. Enjoy a simple and efficient experience with our user-friendly wallet system.
* **TINDER** - Expand your network with the help of our Tinder feature. Browse the profiles of users who are looking for new friends and swipe to like or reject those who match or don't match your preferences. Find your next friend with ease using our innovative and user-friendly platform.
* **CHAT** - Let your users stay connected with friends and colleagues with convenient chat. They can communicate online easily with a visually pleasing design inside the application.

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

* **Feed**&#x20;
* **Notifications**&#x20;
* **Post Creation**&#x20;
* **Wallet**&#x20;
* **Tinder**&#x20;
* **User Settings**&#x20;
* **Dark and Light mode**

***

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

### new\_app

This is the main page, which displays all features of the application. It contains six tabs.

The following key features are tailored to the app industry:

* **Wallet** - Secure and convenient mobile payment solutions, ensuring seamless transactions and enhancing user satisfaction.
* **Tinder** - A swiping-based dating experience that allows users to connect and discover potential matches in a fun and engaging way.
* **Feed** - Curate content, news, or updates within your app to keep users informed, entertained, and engaged.
* **Notification** - Keep users informed and engaged with real-time notifications, ensuring they never miss important updates or messages.
* **Chat** - Facilitate real-time communication and connection through a robust chat system, enhancing user interactions and engagement.
* **Settings** - Offer customizable profiles and preferences, allowing users to tailor their app experience to match their individual needs.

***

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

### Conversation

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

### Conversation Message

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

### Notification New

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>Notification Text</code></td><td><code>text</code></td><td>Stores the notification content.</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></tbody></table>

### Photos

This data type is used to store images on index page 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>Photo</code></td><td><code>image</code></td><td>Stores the image.</td><td></td></tr></tbody></table>

### Post New

This data type is used to store feed post 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 post image.</td><td></td></tr><tr><td><code>Post Text</code></td><td><code>text</code></td><td>Stores the post content.</td><td></td></tr></tbody></table>

### Transactions

This data type is used to store transaction 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>Income</code></td><td><code>yes/no</code></td><td>Stores the transaction status(income or expens).</td><td></td></tr><tr><td><code>Seller</code></td><td><code>text</code></td><td>Stores the seller name.</td><td></td></tr><tr><td><code>Seller Img</code></td><td><code>image</code></td><td>Stores the seller image.</td><td></td></tr><tr><td><code>Transaction Price</code></td><td><code>number</code></td><td>Stores the transaction amount.</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>Balance</code></td><td><code>number</code></td><td>Stores the user balance.</td><td></td></tr><tr><td><code>Dark Mode</code></td><td><code>yes/no</code></td><td>Stores the dark mode status(enabled or not.)</td><td></td></tr><tr><td><code>Full Name</code></td><td><code>text</code></td><td>Stores the user full name.</td><td></td></tr><tr><td><code>Liked Posts</code></td><td><code>List of</code> <a href="#post-new"><code>Post News</code></a></td><td>Stores the post new data type.</td><td></td></tr><tr><td><code>Location</code></td><td><code>text</code></td><td>Stores the user address.</td><td></td></tr><tr><td><code>Story</code></td><td><code>List of images</code></td><td>Stores the user story content.</td><td></td></tr><tr><td><code>Tinder Photos</code></td><td><code>List of images</code></td><td>Stores the user tinder photos.</td><td></td></tr></tbody></table>

***

## Option Sets

### Alerts

* Success
* Error
* Neutral
* Warning

### App Screens

* Settings
* Sign In & Sign Up
* Wallet
* Tinder
* Feed
* User Profile
* Notifications
* Welcome Screen
* Conversations
* Chat

### App Tab

* Home
* Setting
* Create Post

### Elements Tab

* Feed
* Alerts
* Picture Gallery
* Chat
* Wallet
* Notifications
* Tinder

### New App Tabs

* Setting
* Social
* Wallet
* Tinder
* Notifications

### Welcome States

* Welcome
* Sign Up
* Sign In

***

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