# Ez Donations

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2F50VVHuVpoZm4y5xkZbt5%2FEz%20Donation.png?alt=media&#x26;token=2419b98d-2ce5-4dac-9021-7438332ff67d" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-donations-app-1653399037224x337563245853016060)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-donations-app-1692021503217x884660450779526100)

&#x20;      [**Preview Link**](https://ezshopapp.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%2FAh1fA0IV1LVv9YJdIY8U%2Fimage.png?alt=media&#x26;token=db5ed577-b770-45a1-a40e-5a712e45f57f" 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%2FZz8SnFjdd7tiRxwaMiPu%2Fimage.png?alt=media&#x26;token=67abaa85-cad9-49d1-b2a6-bd4e9846dd4f" 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%2FADC9x99j20tMSRtOl835%2Fimage.png?alt=media&#x26;token=69306e5e-8ba4-421b-a3a9-9dc72d3e9aac" 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%2F09symYxpjoHNBFTT2fX1%2Fimage.png?alt=media&#x26;token=db36be7d-cabf-4364-9869-d0c1b61a563d" 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%2FFHIs69tsncUOiUuBFqRD%2Fimage.png?alt=media&#x26;token=ec5f6ccd-8c38-4060-804b-2a43f0eec5e5" 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%2FN3aUzCz3obf1WRsUcB92%2Fimage.png?alt=media&#x26;token=dc6bde7d-eafe-46d3-a4e1-de6b3bb5ef9f" 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%2FSSOxBsZTI75eoAigCUT7%2Fimage.png?alt=media&#x26;token=59fc3cf3-b246-49f6-a024-e4e77a36a772" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Introduction

Ez Donation is your key to effortless and effective donation. Our template is designed for those who want to create their charity platform or need a similar service. Ez Donation simplifies the donation process by making it easy to connect donors and charities with secure stripe payment processing, personalized donor profiles, and real-time results updates. Charity platforms provide direct help information and raise awareness of the issue.

While developing this template, our team did a deep dive into the subject of donations and charity, which helped us create a template that meets all the standards of such sites.

Ez Donations includes features such as:

* **Admin Panel** - Using the admin panel, you can easily monitor and edit activity on the application.
* **User Panel** - Users can create donations, track transactions, and make donations.
* **Stripe Payments** - The integrated stripe in the template will ensure the security of transactions.

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

* **New Responsive Engine**
* **Stripe Payments**
* **Donations**
* **Admin Dashboard**
* **Clean and Creative Design**
* **Create and Manage Charities**
* **Admin Panel**

***

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

### about\_us

This page displays about us information.

### admin

This is the administration panel page. It displays a list of charities, with the possibility to change their statuses and delete them. The page also contains a subscription list and a user list.&#x20;

Also, the admin can set the app's fee for each donation.

### all\_donation

This page displays a list of approved charities and allows users to make donations.

### donation

This page contains detailed information about the chosen charity. It allows users to make a donation.

### donation-provider

This is the user account page. It allows him to change personal information, create charities, and donation summaries.

### donation\_more

This page displays a list of charities with titles, images, and descriptions of a creator.

### reset\_email

This page allows users to reset their passwords by email confirmation.

### 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 a logo, and links to <mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> templates and socials.

### header st

This reusable element includes a logo, navigation, and log-in/sign-up/log-out buttons.

### mobile menu&#x20;

This reusable element includes a menu for mobile devices. It displays navigation, sign in, sign up, and log out.

### sign in

This reusable element contains a sign-in form.

### sign up

This reusable element contains a sign-up form and demo user, demo admin buttons that allow users to try the app's functionalities.

***

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

### Charity

This data type is used to store charity proprieties.&#x20;

<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>()Donation</code></td><td><code>List of</code> <a href="#donation-1"><code>Donations</code></a></td><td>Stores the donation data type.</td><td></td></tr><tr><td><code>()TotalUserDonation</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>()User</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>()UserCharity</code></td><td><a href="#usercharity"><code>UserCharity</code></a></td><td>Stores the user charity data type.</td><td></td></tr><tr><td><code>AmmountTotalPrew</code></td><td><code>number</code></td><td>Stores the amount without fee.</td><td></td></tr><tr><td><code>AmountSummToCreator</code></td><td><code>number</code></td><td>Stores the amount with fee.</td><td></td></tr><tr><td><code>DescriptionCharity</code></td><td><code>text</code></td><td>Stores the charity description.</td><td></td></tr><tr><td><code>PhotoCharity</code></td><td><code>List of images</code></td><td>Stores the charity images.</td><td></td></tr><tr><td><code>Status</code></td><td><code>yes/no</code></td><td>Stores the charity status(active or not).</td><td></td></tr><tr><td><code>TitleCharity</code></td><td><code>text</code></td><td>Stores the charity title.</td><td></td></tr></tbody></table>

### Donation

This data type is used to store donation proprieties.&#x20;

<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>()Charity</code></td><td><a href="#charity"><code>Charity</code></a></td><td>Stores the charity data type.</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><tr><td><code>()UserCharity</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>Donation</code></td><td><code>number</code></td><td>Stores the donation amount.</td><td></td></tr><tr><td><code>stripe_fee</code></td><td><code>number</code></td><td>Stores the stripe fee amount.</td><td></td></tr></tbody></table>

### Photos

This data type is used to store the app's photo proprieties.&#x20;

<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 app's image.</td><td></td></tr></tbody></table>

### PlatformPercentage

This data type is used to store the platform fee proprieties.&#x20;

<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>Percentage</code></td><td><code>number</code></td><td>Stores the platform fee percentage.</td><td></td></tr></tbody></table>

### SUBSCRIBE

This data type is used to store the subscribed proprieties.&#x20;

<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><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the subscriber name.</td><td></td></tr></tbody></table>

### Transfer

This data type is used to store the transaction proprieties.&#x20;

<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>()donator</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr><tr><td><code>ammount</code></td><td><code>number</code></td><td>Stores the transaction amount.</td><td></td></tr><tr><td><code>error</code></td><td><code>text</code></td><td>Stores the eror title.</td><td></td></tr><tr><td><code>paid</code></td><td><code>yes/no</code></td><td>Stores the transaction status(paid or not).</td><td></td></tr></tbody></table>

### User

This data type is used to store the user proprieties.&#x20;

<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>()CharityCustomer</code></td><td><a href="#donation-1"><code>Donation</code></a></td><td>Stores the donation data type.</td><td></td></tr><tr><td><code>()CharityUser</code></td><td><a href="#usercharity"><code>UserCharity</code></a></td><td>Stores the user charity data type.</td><td></td></tr><tr><td><code>()Transfer</code></td><td><a href="#transfer"><code>Transfer</code></a></td><td>Stores the transfer data type.</td><td></td></tr><tr><td><code>SellerIDCharity</code></td><td><code>text</code></td><td>Stores the user ID.</td><td></td></tr></tbody></table>

### UserCharity

This data type is used to store user charity list proprieties.&#x20;

<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>()Charity</code></td><td><code>List of</code> <a href="#charity"><code>Charitys</code></a></td><td>Stores the charity data type.</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><tr><td><code>Avatar</code></td><td><code>image</code></td><td>Stores the user image.</td><td></td></tr><tr><td><code>Name</code></td><td><code>text</code></td><td>Stores the user name.</td><td></td></tr><tr><td><code>Surname</code></td><td><code>text</code></td><td>Stores the user surname.</td><td></td></tr></tbody></table>

### Withdraw

This data type is used to store withdraw proprieties.&#x20;

<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>ammount</code></td><td><code>number</code></td><td>Stores the withdraw 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>

***

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