# Ez Education Portal

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

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-education-portal-1670854085569x412447282380668900)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-education-portal-1692021503230x752385861003164800)

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

***

## Photos

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

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

{% tab title="2" %}

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

{% tab title="3" %}

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

{% tab title="4" %}

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

{% tab title="5" %}

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

{% tab title="6" %}

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

{% tab title="7" %}

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

***

## Introduction&#x20;

Ez Education Portal provides powerful tools for managing and accessing educational materials and resources. Our template is a portal for creating, posting, selling, and buying video lessons. An excellent solution for those who want to provide systematic services for posting video lessons. All courses presented on the platform are divided into categories so that users can easily find exactly what they need. Also, the chat system built into the template will facilitate communication on the platform between users if necessary.\
\
This template allows you to associate three types of users (Admin, Mentor, Student), with a full set of functions for the needs of this type of business.

* **Admin Panel** - a space where the administrator monitors all system indicators, including the creation of posts for application users.
* **Mentor Panel** -  designed for creating and editing courses. The mentor can also track transactions related to his activities.
* **User panel** - a space designed for user training. A user can also link his card to pay for courses.

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

* **Course Market**
* **Blog**
* **Three user Types**
* **Chat**
* **Course Creation**
* **Transactions**
* **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;

### admin-dashboard

This is the admin panel page. It displays four tabs.

* **Dashboard** - This tab displays the app's statistics, such as created curses and created lessons.
* **Blogs** - This tab shows a list of created blogs, with the possibility to add/edit/delete them.
* **Messages** - This is a chat window with a list of contacts.
* **Users** - This tab displays a list of all created users on the app. This list can be filtered by students and mentors.

### all-courses

This page displays a list of all offered courses, with the possibility to filter them by categories and prices.

### blog

This page displays a list of blogs.

### course-page

This is a single course page, with a course description, price, lessons and comments.

### dashboard

This is a student/mentor panel page. The student page displays five tabs.

* **Dashboard** - This tab displays the user's total spending, viewed lessons, and purchased courses.
* **Courses** - This tab displays a list of the user's courses.
* **Messages** - This is a chat window with a list of contacts.
* **Finance** - This tab displays a list of transactions, money balance, and money withdrawal forms.
* **Profile** - This tab displays personal information.

The mentor page displays six tabs.

* **Dashboard** -This tab displays the mentor's earning history, total students, created courses, and sold courses.
* **Courses** - This tab displays a list of created courses, with the possibility to edit/delete any of them.
* **Messages** - This is a chat window with a list of contacts.
* **Upload** - This tab allows mentors to create new courses and lessons.
* **Finance** - This tab displays a list of transactions, money balance, and money withdrawal forms.
* **Profile** - This tab displays personal information.

### registration

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

### sign\_up

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

***

## 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="/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

### Blog Post

This data type is used to store blog article 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>Category</code></td><td><a href="#course-category"><code>Cours-Category</code></a></td><td>Stores the course category option set.</td><td></td></tr><tr><td><code>Comments</code></td><td><code>List of</code> <a href="#comment"><code>Comments</code> </a></td><td>Stores the comment data type.</td><td></td></tr><tr><td><code>Image</code></td><td><code>image</code></td><td>Stores the article image.</td><td></td></tr><tr><td><code>Likes</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>Text</code></td><td><code>text</code></td><td>Stores the article content.</td><td></td></tr><tr><td><code>Title</code></td><td><code>text</code></td><td>Stores the article title.</td><td></td></tr></tbody></table>

### Card

This data type is used to store bank card 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 Balance</code></td><td><code>number</code></td><td>Stores the bank card balance.</td><td></td></tr><tr><td><code>Card Number</code></td><td><code>text</code></td><td>Stores the bank card number.</td><td></td></tr><tr><td><code>Cardholder name</code></td><td><code>text</code></td><td>Stores the name on bank card.</td><td></td></tr><tr><td><code>CVC</code></td><td><code>text</code></td><td>Stores the bank card CVC number.</td><td></td></tr><tr><td><code>Expire Date</code></td><td><code>text</code></td><td>Stores the bank card expire date.</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>

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

### Chat\_Messages

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>Message Content</code></td><td><code>text</code></td><td>Stores the message 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><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>

### Comment

This data type is used to store comment 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>Course</code></td><td><a href="#course"><code>Course</code></a></td><td>Stores the course data type.</td><td></td></tr><tr><td><code>Text</code></td><td><code>text</code></td><td>Stores the comment content.</td><td></td></tr><tr><td><code>Type</code></td><td><a href="#comment-type"><code>Commetn-Type</code></a></td><td>Stores the comment type option set.</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>

### Course

This data type is used to store course 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>Category</code></td><td><a href="#course-category"><code>Course-Category</code></a></td><td>Stores the course category option set.</td><td></td></tr><tr><td><code>Comments</code></td><td><code>List of</code> <a href="#comment"><code>Comments</code></a></td><td>Stores the comment data type.</td><td></td></tr><tr><td><code>Currency</code></td><td><a href="#currency"><code>Currency</code></a></td><td>Stores the currency option set.</td><td></td></tr><tr><td><code>Description</code></td><td><code>text</code></td><td>Stores the course description.</td><td></td></tr><tr><td><code>Difficulty Level</code></td><td><a href="#difficulty-level"><code>Difficulty Level</code></a></td><td>Stores the difficulty level option set.</td><td></td></tr><tr><td><code>Features</code></td><td><code>text</code></td><td>Stores the course features.</td><td></td></tr><tr><td><code>Image</code></td><td><code>image</code></td><td>Stores the course image.</td><td></td></tr><tr><td><code>Language</code></td><td><code>List of</code> <a href="#language"><code>Languages</code></a></td><td>Stores the language option set.</td><td></td></tr><tr><td><code>Lessons</code></td><td><code>List of</code> <a href="#lesson"><code>Lessons</code></a></td><td>Stores the lesson data type.</td><td></td></tr><tr><td><code>Likes</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>Name</code></td><td><code>text</code></td><td>Stores the course title.</td><td></td></tr><tr><td><code>Price</code></td><td><code>text</code></td><td>Stores the course price.</td><td></td></tr><tr><td><code>Rating</code></td><td><code>List of</code> <a href="#rating"><code>Ratings</code></a></td><td>Stores the rating data type.</td><td></td></tr><tr><td><code>Sales-count</code></td><td><code>number</code></td><td>Stores the course purchase quantity.</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>

### Lesson

This data type is used to store lesson 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>Course</code></td><td><a href="#course"><code>Course</code></a></td><td>Stores the course data type.</td><td></td></tr><tr><td><code>Description</code></td><td><code>text</code></td><td>Stores the lesson description.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the lesson title.</td><td></td></tr><tr><td><code>Video</code></td><td><code>file</code></td><td>Stores the lesson video.</td><td></td></tr><tr><td><code>Video cover</code></td><td><code>image</code></td><td>Stores the lesson video cover.</td><td></td></tr><tr><td><code>Views</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>

### Notification

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>Course</code></td><td><a href="#course"><code>Course</code></a></td><td>Stores the course data type.</td><td></td></tr><tr><td><code>Message from</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 status(seen or not).</td><td></td></tr><tr><td><code>Text</code></td><td><code>text</code></td><td>Stores the notification content.</td><td></td></tr><tr><td><code>Type</code></td><td><a href="#notification-type"><code>Notification-type</code></a></td><td>Stores the notification option set.</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>

### Rating

This data type is used to store rating 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>Course</code></td><td><a href="#course"><code>Course</code></a></td><td>Stores the course data type.</td><td></td></tr><tr><td><code>Stars</code></td><td><code>number</code></td><td>Stores the course rating.</td><td></td></tr><tr><td><code>Text</code></td><td><code>text</code></td><td>Stores the rating conten.</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>

### Subscribe

This data type is used to store subscribed 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>email</code></td><td><code>text</code></td><td>Stores the subscriber email address.</td><td></td></tr></tbody></table>

### Testimonial

This data type is used to store testimonials 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>Rating</code></td><td><code>number</code></td><td>Stores the testimonial rating.</td><td></td></tr><tr><td><code>Student Country</code></td><td><code>text</code></td><td>Stores the student country of living.</td><td></td></tr><tr><td><code>Student Job</code></td><td><code>text</code></td><td>Stores the student job.</td><td></td></tr><tr><td><code>Student Name</code></td><td><code>text</code></td><td>Stores the student name.</td><td></td></tr><tr><td><code>Student Photo</code></td><td><code>image</code></td><td>Stores the student image.</td><td></td></tr><tr><td><code>Text</code></td><td><code>text</code></td><td>Stores the testimonial content.</td><td></td></tr></tbody></table>

### Transaction

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>Amount</code></td><td><code>number</code></td><td>Stores the transaction amount.</td><td></td></tr><tr><td><code>Card</code></td><td><a href="#card"><code>Card</code></a></td><td>Stores the card data type.</td><td></td></tr><tr><td><code>Date</code></td><td><code>date</code></td><td>Stores the transaction date.</td><td></td></tr><tr><td><code>Description</code></td><td><code>text</code></td><td>Stores the transaction description.</td><td></td></tr><tr><td><code>ID</code></td><td><code>text</code></td><td>Stores the transaction ID.</td><td></td></tr><tr><td><code>Type</code></td><td><a href="#transaction-type"><code>Transaction-Type</code></a></td><td>Stores the transaction type option set.</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>

### 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>Balance</code></td><td><code>number</code></td><td>Stores the user balance.</td><td></td></tr><tr><td><code>Bio</code></td><td><code>text</code></td><td>Stores the user BIO.</td><td></td></tr><tr><td><code>Cards</code></td><td><code>List of</code> <a href="#card"><code>Cards</code></a></td><td>Stores the card 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>Comment</code></td><td><code>List of</code> <a href="#comment"><code>Comments</code></a></td><td>Stores the comment data type.</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>Course</code></td><td><code>List of</code> <a href="#course"><code>Courses</code></a></td><td>Stores the course 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>Image</code></td><td><code>image</code></td><td>Stores the user image.</td><td></td></tr><tr><td><code>Lessons-temp</code></td><td><code>List of</code> <a href="#lesson"><code>Lessons</code></a></td><td>Stores the lesson data type.</td><td></td></tr><tr><td><code>Notifications</code></td><td><code>List of</code> <a href="#notification"><code>Notifications</code></a></td><td>Stores the notification data type.</td><td></td></tr><tr><td><code>Personal website</code></td><td><code>text</code></td><td>Stores the user personal website link.</td><td></td></tr><tr><td><code>Phone</code></td><td><code>text</code></td><td>Stores the user phone number.</td><td></td></tr><tr><td><code>Social link 1</code></td><td><code>text</code></td><td>Stores the user social link.</td><td></td></tr><tr><td><code>Social link 2</code></td><td><code>text</code></td><td>Stores the user social link.</td><td></td></tr><tr><td><code>Speciality</code></td><td><code>text</code></td><td>Stores the user speciality.</td><td></td></tr><tr><td><code>Transactions</code></td><td><code>List of</code> <a href="#transaction"><code>Transactions</code></a></td><td>Stores the transaction data type.</td><td></td></tr><tr><td><code>Type</code></td><td><a href="#user-type"><code>User-type</code></a></td><td>Stores the user type option set.</td><td></td></tr><tr><td><code>Wishlist</code></td><td><code>List of</code> <a href="#course"><code>Courses</code></a></td><td>Stores the course data type.</td><td></td></tr></tbody></table>

***

## Option sets

### Comment-Type

* User
* System

### Course-Category

* UI/UX Design
* Development
* Data Science
* Business
* Financial
* Marketing
* Design

### Currency

This option set contains a list of currencies.&#x20;

### Difficulty Level

* Easier Than Easy
* Beginner
* Medium
* Hard
* Harder Than Hard

### Language

This option set contains a list of languages.&#x20;

### Navigation

* Admin Dashboard
* Create Post
* Users
* Messages
* Edit Post
* Blog Posts
* Blog Detail
* Profile
* Courses
* Dashboard
* Upload
* Edit course
* Course details
* Withdraw

### Notification-Type

* System
* Chat

### Transaction-Type

* Income
* Expense

### User-type

* Admin
* Mentor
* Student

***

<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-education-portal.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.