# Ez Game Dashboard

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FL7yoZrPwlYRLovqv3lY6%2FEz%20Game%20Dashboard.jpg?alt=media&#x26;token=e0b8381f-351b-4507-9173-667f3faafc24" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

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

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

&#x20;      [**Preview Link**](https://eztwitch.bubbleapps.io/)&#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%2FEcSF3F75P9vLNEeJEKgK%2Fimage.png?alt=media&#x26;token=b0986613-3a1c-4b24-9b8d-2982afcfc672" 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%2FNOIbkEmn13K8T62Frioc%2Fimage.png?alt=media&#x26;token=59766ee2-f0fe-4dde-9eff-6aacb5292dd7" 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%2FmDZbA71ZwLrj94Dk9TwT%2Fimage.png?alt=media&#x26;token=26ead9de-ded4-4d32-b1ff-f90ae5661c42" 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%2FswJuvYlrUM5geR8cJvXj%2Fimage.png?alt=media&#x26;token=47fd6be4-3bc6-49f1-ac05-3613dfadd52b" 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%2Ft55pK4TVacdsjzBO5w4U%2Fimage.png?alt=media&#x26;token=5ba4b86d-d849-417f-9d01-e42e564fed37" 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%2Fa8imzWLRNUDlaqlS7s82%2Fimage.png?alt=media&#x26;token=2a903128-8682-456d-9c5c-49a19c6a36ca" 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%2FayK7MuCadYEfoGXNQHOG%2Fimage.png?alt=media&#x26;token=36ee3201-a0ce-471d-adf3-626edfe5d12f" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction&#x20;

Release the full potential of your streaming platform with our Ez Game Dashboard template. Designed by agency <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> on the bubble.io platform. Our template is specially designed for gamers, content creators, and streaming enthusiasts looking to expand their online presence.

Our dashboard template offers an attractive user interface and incredible features tailored to meet the dynamic needs of the modern user. Say goodbye to lackluster templates and hello to eye-catching designs that will captivate your audience and keep them coming back for more.

With this, **UI-Kit** you can lay the foundation for a robust application. This template is an ideal investment for those who want to make a mark in the online gaming arena.

With Ez Game Dashboard, you'll have access to a comprehensive set of features designed to enhance your live streaming experience:

* **Feed** - Stay up to date with the latest news from your favorite streamers and discover new ones.
* **Trending** - Keep your finger on the pulse of the latest happenings in the gaming world with popular broadcasts and content.
* **Subscription** -  Build a community by following your fellow gamers and never miss a moment of their streaming journey.
* **Video** - Easily upload and manage video content, ensuring your audience enjoys high-quality streaming experiences.
* **Playlist** - Create and share your personalized playlists, giving your followers a personalized viewing experience.
* **Chat** - Chat with your community in real-time, strengthening connections and improving user experience.
* **Analytics** - Get valuable insights with a comprehensive analytics feature that allows you to track your growth and better understand your audience.

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.

***

## Features

* **Feed**
* **Trending**
* **Following**
* **Videos**
* **Playlist**
* **Chat**
* **Settings**
* **Analytics**
* **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&#x20;

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.

### analytics

This is one of the user panel tabs. It includes user analytics by followers, earnings, and clicks.

### chat

This is one of the user panel tabs. This page displays a chat window with a contacts list.

### feed

This is one of the user panel tabs. Page with new game releases and streams from other users

### following

This is one of the user panel tabs. The page displays a list of followers, following, and following games.

### playlist

This is one of the user panel tabs. Page with user's favorite videos.

### profile

This is one of the user panel tabs. This is a user profile that other members of the application can see.

### settings

This is one of the user panel tabs. This page contains personal information.

### trending

This is one of the user panel tabs. Page with top app streamers.

### videos

This is one of the user panel tabs. This page contains a form for uploading videos.

***

## Reusable elements

### Dark Mode

This reusable element includes dark mode button.&#x20;

### Logo

This reusable element includes the application logo.

### Side Menu

This reusable element includes a user panel side menu.

### Top Bar

This reusable element includes the top navigation menu.

### Top Bar Mobile

This reusable element includes the top navigation mobile 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="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:

### Background Image

This data type is used to store background image 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>iamge</code></td><td><code>iamge</code></td><td>Stores the background image.</td><td></td></tr></tbody></table>

### Chat

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

### GameCategory

This data type is used to store game category 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 category title.</td><td></td></tr></tbody></table>

### Games

This data type is used to store game 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>Card Image</code></td><td><code>image</code></td><td>Stores the game image icon.</td><td></td></tr><tr><td><code>Category</code></td><td><a href="#gamecategory"><code>GameCategory</code></a></td><td>Stores the game category data type.</td><td></td></tr><tr><td><code>Description</code></td><td><code>text</code></td><td>Stores the game description.</td><td></td></tr><tr><td><code>Image</code></td><td><code>image</code></td><td>Stores the game image.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the game title.</td><td></td></tr></tbody></table>

### IndexImagesSlider

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

### 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>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>Content</code></td><td><code>text</code></td><td>Stores the message content.</td><td></td></tr><tr><td><code>Seen</code></td><td><code>yes/no</code></td><td>Stores the message status(seen or not).</td><td></td></tr></tbody></table>

### Stream

This data type is used to store stream 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>Game</code></td><td><a href="#games"><code>Games</code></a></td><td>Stores the game data type.</td><td></td></tr><tr><td><code>Thumbnail</code></td><td><code>image</code></td><td>Stores the stream main image.</td><td></td></tr><tr><td><code>Title</code></td><td><code>text</code></td><td>Stores the stream title.</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>Chat joined</code></td><td><code>List of</code> <a href="#chat-1"><code>Chats</code></a></td><td>Stores the chat data type.</td><td></td></tr><tr><td><code>Dark Mode</code></td><td><code>yes/no</code></td><td>Stores the user panel mode status(dark or light).</td><td></td></tr><tr><td><code>Following</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>Full Name</code></td><td><code>text</code></td><td>Stores the user full name.</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>Videos</code></td><td><code>List of</code> <a href="#video"><code>Videos</code></a></td><td>Stores the video data type.</td><td></td></tr></tbody></table>

### Video

This data type is used to store video 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>Link</code></td><td><code>text</code></td><td>Stores the video link.</td><td></td></tr><tr><td><code>Sorting</code></td><td><code>number</code></td><td>Stores the video sorting nummber.</td><td></td></tr><tr><td><code>Thumbnail</code></td><td><code>image</code></td><td>Stores the video preview image.</td><td></td></tr><tr><td><code>Title</code></td><td><code>text</code></td><td>Stores the video title.</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/>