# Ez Journal - Blog Template

<figure><img src="https://1427565863-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwuVpDcDmZQqJGW4nltd9%2Fuploads%2FjssAox6MSsOfXrNU7NJl%2Fimage.png?alt=media&#x26;token=f3d900a8-fea8-4f77-b3fa-52f99fb0aec0" alt=""><figcaption></figcaption></figure>

***

## 🔗Links

&#x20;      [**Template Link on Bubble Marketplace**](https://bubble.io/template/ez-journal---blog-template-1595939630745x237844375029153800)

&#x20;      [**Template Link on Our Website**](https://eazycode.com/template/ez-journal---blog-template-1692021501796x516188715452521540)

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

&#x20;      [**Forum Link**](https://forum.bubble.io/t/new-ez-journal-blog-magazine-template-by-ezcode/110659)

***

## 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%2FPQ3hI98iYNGlQ4CnoOul%2Fimage.png?alt=media&#x26;token=14e6206a-531e-435d-b0af-dd78e138ea12" 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%2FJQMQKIvyjK0dLJIxFkSH%2Fimage.png?alt=media&#x26;token=0d41ba13-30d7-4278-9e5e-9695de8f220d" 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%2FtqSIO5qB1jOs6lKfqxa0%2Fimage.png?alt=media&#x26;token=58f65225-4081-4b62-9c73-9272f2bae5a2" 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%2Fw7SPo9CMw9FbQ2fHMSt5%2Fimage.png?alt=media&#x26;token=b87008b5-f333-4d39-95d2-47030ad14e4e" 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%2FebGP3e6HVnp2SOU4xGGu%2Fimage.png?alt=media&#x26;token=9c602d4c-8660-4759-8f5b-c1eb89d9bd3a" 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%2FKRiI5Ln2xc2eI38ZE6AL%2Fimage.png?alt=media&#x26;token=7518e986-fb3e-4014-9f7b-1f2770c5e40e" 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%2FIzTd6XkRkGHDa76QkEBy%2Fimage.png?alt=media&#x26;token=4698ee85-d07a-4035-bd8a-0295a0351ac7" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Introduction&#x20;

Turn your passion for writing into a professional digital platform with Ez Journal, a blog template from EazyCode. Specially designed for bloggers, journalists, and content creators, our blog template is the perfect set of tools to build your online presence. Developed on the bubble.io platform, our template offers an easy way to publish your work with an interface inspired by Medium's sleek and user-friendly style.

<mark style="color:green;">Eazy</mark><mark style="color:red;">Code</mark> has carefully designed this simple blog website template for writers who want to share their voice with the world without the hassle of complex web development. This no-code solution allows you to quickly launch your blog or magazine, ensuring your content is delivered to your audience with style.

Our template is ideal for both experienced and novice bloggers. It is designed for those who want a simple and powerful way to administer their website. The simple admin panel template feature allows even those with minimal technical knowledge to manage their blog effectively. Here's what stands out about Ez Journal, a blog template:

* **Homepage** - Grab your visitors' attention with a simple and attractive homepage that showcases your latest and most popular content.
* **Blogs** - A dedicated place for your articles, beautifully designed to encourage readers to explore more.
* **Author Page** - Highlight your authors with personalized pages that give credit to those behind the content and build a connection with your audience.
* **Category Page** - Organize your content efficiently, allowing readers to easily find posts based on their interests.
* **Admin Panel** - A user-friendly interface that makes it easy to manage your blog, from publishing posts to tracking activity.
* **Like system** - Engage your audience with an interactive-like system, encouraging readers to show appreciation for their favorite posts.
* **Create Post** - A streamlined process for creating new content, allowing you to easily move from concept to publication of your ideas.

Our template is fully compatible and responsive across all device types. Our team has developed this template in adherence to current UX/UI design standards, ensuring an intuitive interface and visually pleasing aesthetics.

While we offer the template as is, we are open to discussions regarding additional modifications. We recommend exploring the preview section before making a purchase. If you have any questions or need further clarification, please don't hesitate to contact us. We'll be delighted to assist you and tailor a solution to meet your specific requirements.

***

## Features

* **Home Page**
* **Blogs**
* **Author page**
* **Category page**
* **Responsive design**
* **Admin dashboard**
* **Like systems**&#x20;
* **Post creating**

***

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

### index&#x20;

This is the landing page of the application. On the page, the client can find a section with a choice of topics of interest to him, and some information about the application. Each block on the page prompts the client to register in the application

### admin-panel

This is the administration page of the application. The admin can manage any part of app, with four multifunctional tabs.

* **Manage Blogs** - On this tab appears new blogs(articles), after that admin has to decide whether to approve(publish) or decline the new blog. Also on this tab admin can find a list of all published blogs with the possibility to edit/delete any article.
* **Manage Users** - A list of users with the possibility to edit/delete any of them.
* **Manage Categories** - A list of categories with the possibility to add/edit/delete any of them.
* **Manage Reports** - This tab displays reports for blogs and users.

### admin-settings-edit&#x20;

This is the edit settings page, where the admin can make any changes.

### admin-story-edit&#x20;

This is the edit story page, where the admin can make any changes.

### blog

This page has blog information such as title, image, text, likes, and comments.

### blogs

This page displays a list of blogs filtered by categories, popular publications, and a reading list.

### category

This page shows a list of publications with chosen categories.

### muted

This page contains lists of muted authors and publications.

### new-story

On this page, users can create new stories. It includes a title, subtitle, bio inputs, and picture uploader.

### profile

This page is the user guest page. It shows general information about this user.

### reading-list

This page contains lists of saved and recently viewed stories.

### settings

This page contains the user's personal information that can be edited.

### stats

This page displays detailed statistics about every created by a current user story.

### stories

This page contains lists of drafts and published stories.

### reset\_pw

This page allows the user to reset the password.

### 404

This page appears when something went wrong in the app's work.

***

## Reusable elements:&#x20;

### admin-side-menu

This reusable element contains sidebar navigation through the tab on the admin panel page. It contains manage blogs, users, categories and reports tabs.

### archive-button

This reusable element allows users to bookmark a blog.

### button\_more

This reusable element allows users to dismiss the story, mute the author and report the story.

### button\_more-user

This reusable element allows users to mute the publication, mute the author and report the story.

### header

This reusable element includes a logo, admin page link, bookmarked stories link, and profile navigation.

### header\_menu

This reusable element displays new stories, stats, reading lists, profiles, settings, and Sign-Out buttons.

### profile-menu

This reusable element contains a report and mute the user buttons.

### response

This reusable element allows users to response to a comment.

### response-greyfilter

This reusable element is a response background grey filter.

### story-edit-menu

This reusable element allows to edit the draft or delete it.

***

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

### Cat-Followers

This data type is used to store a list of user-followed category 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>category</code></td><td><a href="#categories"><code>categories</code></a></td><td>Stores the category data type.</td><td></td></tr></tbody></table>

### Categories

This data type is used to store category 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>BG</code></td><td><code>image</code></td><td>Stores the back ground image.</td><td></td></tr><tr><td><code>bio</code></td><td><code>text</code></td><td>Stores the category description.</td><td></td></tr><tr><td><code>delete/change</code></td><td><code>yes/no</code></td><td>Stores the category status(deleted/changed or not).</td><td></td></tr><tr><td><code>image</code></td><td><code>image</code></td><td>Stores the category image.</td><td></td></tr><tr><td><code>name</code></td><td><code>text</code></td><td>Stores the category title.</td><td></td></tr></tbody></table>

### Followers

This data type is used to store follower 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>user</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr></tbody></table>

### Like-Response

This data type is used to store response 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>Response</code></td><td><a href="#response-1"><code>Response</code></a></td><td>Stores the response data type.</td><td></td></tr></tbody></table>

### Like-Story

This data type is used to store liked story 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>Story</code></td><td><a href="#story"><code>Story</code></a></td><td>Stores the story data type.</td><td></td></tr></tbody></table>

### Muted-Authors

This data type is used to store muted author 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>user</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr></tbody></table>

### Muted-Publications

This data type is used to store muted publication 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>Story</code></td><td><a href="#story"><code>Story</code></a></td><td>Stores the story data type.</td><td></td></tr></tbody></table>

### Report-Story

This data type is used to store report story 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>publication</code></td><td><a href="#story"><code>Story</code></a></td><td>Stores the story data type.</td><td></td></tr><tr><td><code>type</code></td><td><code>text</code></td><td>Stores the report description.</td><td></td></tr></tbody></table>

### Report-User

This data type is used to store report 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>user</code></td><td><a href="#user"><code>User</code></a></td><td>Stores the user data type.</td><td></td></tr></tbody></table>

### Response

This data type is used to store response 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>story</code></td><td><a href="#story"><code>Story</code></a></td><td>Stores the story data type.</td><td></td></tr><tr><td><code>text</code></td><td><code>text</code></td><td>Stores the response description.</td><td></td></tr></tbody></table>

### Story

This data type is used to store story 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="#categories"><code>Categories</code></a></td><td>Stores the category data type.</td><td></td></tr><tr><td><code>change/delete</code></td><td><code>yes/no</code></td><td>Stores the story status(changed/delete or not).</td><td></td></tr><tr><td><code>content</code></td><td><code>text</code></td><td>Stores the story content.</td><td></td></tr><tr><td><code>gen_image</code></td><td><code>image</code></td><td>Stores the story image.</td><td></td></tr><tr><td><code>publicated</code></td><td><code>yes/no</code></td><td>Stores the story status(publicated or not).</td><td></td></tr><tr><td><code>state</code></td><td><code>text</code></td><td>Stores the story state(approved or declined).</td><td></td></tr><tr><td><code>sub-title</code></td><td><code>text</code></td><td>Stores the story sub-title.</td><td></td></tr><tr><td><code>title</code></td><td><code>text</code></td><td>Stores the story 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>admin</code></td><td><code>yes/no</code></td><td>Stores the user type(admin or not).</td><td></td></tr><tr><td><code>bio</code></td><td><code>text</code></td><td>Stores the user description.</td><td></td></tr><tr><td><code>delete/change</code></td><td><code>yes/no</code></td><td>Stores the user status(deleted/changed or not).</td><td></td></tr><tr><td><code>facebook</code></td><td><code>text</code></td><td>Stores the user facebook link.</td><td></td></tr><tr><td><code>image</code></td><td><code>image</code></td><td>Stores the user photo.</td><td></td></tr><tr><td><code>instagram</code></td><td><code>text</code></td><td>Stores the user instagram link.</td><td></td></tr><tr><td><code>link</code></td><td><code>text</code></td><td>Stores the user website link.</td><td></td></tr><tr><td><code>name</code></td><td><code>text</code></td><td>Stores the user full name.</td><td></td></tr><tr><td><code>Save-list</code></td><td><code>List of</code> <a href="#story"><code>Storys</code></a></td><td>Stores the story data type.</td><td></td></tr><tr><td><code>twitter</code></td><td><code>text</code></td><td>Stores the user twitter link.</td><td></td></tr></tbody></table>

### Views

This data type is used to store view 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>story</code></td><td><a href="#story"><code>Story</code></a></td><td>Stores the story 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></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/>