# Ez Crypto Dashboard

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F5iMveuKhwSeg7cV5ClN6%2FEz%20Crypto%20Dashboard.png?alt=media&#x26;token=e729a228-06ff-4452-9b77-36b3705bc39e" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-crypto-dashboard-1687961689353x312360342419144700)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-crypto-dashboard-1692021505603x361900674979527940)

&#x20;      [**Preview Link**](https://ez-crypto-dashboard.bubbleapps.io/)&#x20;

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

***

## 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%2Fa6WN6YjJQo7c70Nx2LHx%2Fimage.png?alt=media&#x26;token=273c65d7-0a3c-4c86-9a73-1ae697aa04ba" 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%2FBbQaOKUKarSZRcgW7jAh%2Fimage.png?alt=media&#x26;token=40669639-700c-4a53-a8a0-2ca7f48c20a2" 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%2FhYoypMQVXjB7JdvL0h1t%2Fimage.png?alt=media&#x26;token=c3f5bde8-a24a-4a48-ab5b-9b542040609d" 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%2FddI38AEDOBhBE4NFBklv%2Fimage.png?alt=media&#x26;token=8497118c-ae36-4351-9f7d-fe9bc1fc5605" 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%2FBrnm5nHzmW3gkouwPKRr%2Fimage.png?alt=media&#x26;token=23e221b4-b389-4e3d-aced-d76eef34ca11" 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%2FHS1bJNmXAbqnwbMpQwGc%2Fimage.png?alt=media&#x26;token=ee288286-c14b-423c-b84d-08d8f3e7a49e" 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%2FSSCfqkkkuS9sHJJDrvhb%2Fimage.png?alt=media&#x26;token=70d965ed-659f-466f-9ec8-dd2c9c959be2" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction&#x20;

This template provides convenient tools for monitoring and managing your cryptocurrency assets and transactions. Whether you're a cryptocurrency enthusiast, trader, or blockchain entrepreneur, our platform allows you to simplify your crypto portfolio management, analyze market trends, and make informed decisions in the dynamic world of digital currencies.

The dashboard features a user-friendly interface that follows modern UI/UX trends and offers core features that can be easily customized to meet the specific needs of the buyer.&#x20;

Moreover, it operates smoothly across various operating systems, devices, and browsers, adapting to a wide range of screen resolutions. The template includes the following components:

* Current information from the crypto market.
* Purchase of cryptocurrency (not connected).
* Cryptocurrency exchange/swap.
* Trading Panel
* Staking.

The template is sold as-is, though additional modifications can be discussed. We highly recommend checking out the preview section before purchasing the template. Feel free to contact us with any questions, and we will be happy to help you find a solution for your idea.

***

## Features

* **Dashboard**
* **Market**
* **Swap**
* **Trading**
* **Staking**
* **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

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;

### dashboard

This is a user panel page. It contains six tabs.

* **Market** - This tab displays crypto exchange data in list and graph form.
* **Buy Crypto** - In this tab, the user can buy USDT, ETH, BTC, and USDC using a large number of payment systems
* **Swap** - In this tab, the user can exchange his existing cryptocurrency for another at the current rate.
* **Trading** - This is a tab where users can trade cryptocurrencies. It shows price charts, order books, and options to buy or sell. Users can see their open orders, trade history, and wallet balances.
* **Staking** - This is a tab where users can stake their assets for potential rewards. It lists available staking options, terms, and potential rewards.
* **Settings** - This is a tab with personal information forms.

### authorization

This is the Sign-In / Sign-Up page.

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

{% hint style="info" %} <mark style="color:blue;">This data type contains information only for demonstration purposes.</mark>
{% endhint %}

### Available Assets

This data type is used to store available asset 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>quantity</code></td><td><code>number</code></td><td>Stores the asset quantity.</td><td></td></tr><tr><td><code>Symbol</code></td><td><code>text</code></td><td>Stores the asset symbol/</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>

### Crypto

This data type is used to store crypto 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>Auto-Subscribe</code></td><td><code>yes/no</code></td><td>Stores the crypto auto-subscribe status(enable or not).</td><td></td></tr><tr><td><code>Duration</code></td><td><code>text</code></td><td>Stores the crypto duration.</td><td></td></tr><tr><td><code>full name</code></td><td><code>text</code></td><td>Stores the crypto title. </td><td></td></tr><tr><td><code>name</code></td><td><code>text</code></td><td>Stores the crypto short title.</td><td></td></tr><tr><td><code>percent</code></td><td><code>number</code></td><td>Stores the crypto sale percentage.</td><td></td></tr><tr><td><code>photo</code></td><td><code>image</code></td><td>Stores the crypto image.</td><td></td></tr><tr><td><code>price</code></td><td><code>number</code></td><td>Stores the crypto price.</td><td></td></tr><tr><td><code>stablecoin</code></td><td><code>yes/no</code></td><td>Stores the crypto status(stablecoin or not).</td><td></td></tr><tr><td><code>Stacking Pool</code></td><td><code>text</code></td><td>Stores the crypto stacking pool.</td><td></td></tr><tr><td><code>Subscribe</code></td><td><code>yes/no</code></td><td>Stores the crypto status(subscribed or not).</td><td></td></tr></tbody></table>

### Crypto Asset

This data type is used to store crypto asset 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>Amount</code></td><td><code>number</code></td><td>Stores the asset ammount.</td><td></td></tr><tr><td><code>quantity</code></td><td><code>text</code></td><td>Stores the asset quantity.</td><td></td></tr><tr><td><code>Symbol</code></td><td><code>number</code></td><td>Stores the asset symbol.</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>

### 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>closing price</code></td><td><code>number</code></td><td>Stores the order closing type.</td><td></td></tr><tr><td><code>active</code></td><td><code>yes/no</code></td><td>Stores the order status(active or not).</td><td></td></tr><tr><td><code>bought coins</code></td><td><code>number</code></td><td>Stores the order purchased ammount.</td><td></td></tr><tr><td><code>Change %</code></td><td><code>number</code></td><td>Stores the order change percentage.</td><td></td></tr><tr><td><code>Change (USD)</code></td><td><code>number</code></td><td>Stores the order changed USDT ammount.</td><td></td></tr><tr><td><code>closing size</code></td><td><code>number</code></td><td>Stores the order closing crypto ammount.</td><td></td></tr><tr><td><code>entry price</code></td><td><code>number</code></td><td>Stores the order entery crypto price.</td><td></td></tr><tr><td><code>Leverage</code></td><td><code>number</code></td><td>Stores the order leverage value. </td><td></td></tr><tr><td><code>size</code></td><td><code>number</code></td><td>Stores the order size.</td><td></td></tr><tr><td><code>size with leverage</code></td><td><code>number</code></td><td>Stores the order total size with leverage.</td><td></td></tr><tr><td><code>Symbol</code></td><td><code>text</code></td><td>Stores the order symbol.</td><td></td></tr><tr><td><code>tye Margin</code></td><td><a href="#margin"><code>Margin</code></a></td><td>Stores the margin option set.</td><td></td></tr><tr><td><code>Type</code></td><td><a href="#order-type"><code>Order Type</code></a></td><td>Stores the order type option set.</td><td></td></tr></tbody></table>

### Payment Partner

This data type is used to store payment system 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 sistem title.</td><td></td></tr><tr><td><code>photo</code></td><td><code>image</code></td><td>Stores the sistem image.</td><td></td></tr><tr><td><code>Reference Price</code></td><td><code>number</code></td><td>Stores the sistem reference price.</td><td></td></tr><tr><td><code>Single Order Limit</code></td><td><code>number</code></td><td>Stores the sistem limit.</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>asset</code></td><td><code>List of</code> <a href="#crypto-asset"><code>Crypto Assets</code></a></td><td>Stores the crypto asset data type.</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>crypto balance</code></td><td><code>List of texts</code></td><td>Stores the user crypto balance.</td><td></td></tr></tbody></table>

***

## Option sets

### Commission

* Fee Commission

### Margin

* Isolated margin
* Cross-margin

### Order Type

* short
* long

***

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


---

# 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-crypto-dashboard.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.