Page cover

📱Ez Socialgram like Instagram

Start sharing your world


Template Link on Bubble Marketplace

Template Link on Our Website

Preview Link

Forum Link


Photos

Introduction

Ez SocialGram Like Instagram сarefully designed on the bubble.io platform, this template is the perfect choice for individuals and businesses looking to launch their social network. With a user-friendly interface modeled after the popular Instagram website, this social website template is structured to engage your users and grow your community seamlessly.

Ez SocialGram's Instagram-like template is designed specifically for influencers, brands, or anyone looking to build a social hub and provides a solid foundation for building a powerful online platform. More than just an aesthetic copycat, this template has intuitive features that make it a practical choice for those investing in creating a vibrant social ecosystem.

Key features include:

  • The dynamic home page welcomes users with a familiar and user-friendly layout.

  • Sophisticated search feature that makes navigating your social platform easier.

  • An engaging feed that allows your users to stay up to date with the latest news and content.

  • Integrated chat system for real-time messaging, ideal for maintaining conversation continuity.

  • Personalized user account and history that allows users to easily manage their profiles and activities.

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

  • Search

  • Feed

  • Chat

  • Responsive design

  • User account and history


Notes

Important note: After purchasing this template and customizing it, be sure that you had a chance to learn how to set up data security.

Check all privacy settings by the following link before launch: Bubble Privacy

Since access to objects differs in each application and is unique for each case, ensure you have established all the privacy rules.


Pages

index

This page displays a list of posts with images and descriptions where users can like, comment, or proceed to the creator's page.

login

This page contains Sign-Up / Log-In forms.

my-profile

This page contains personal information settings, account statistics, messages, liked posts, comments, and created posts.

This is the user's page where he can manage his profile. It includes six tabs

  • My posts - This tab displays a list of user-uploaded images.

  • Likes - This is the tab with a list of likes, that the user received.

  • Comments - This is the tab with a list of comments, that the user received.

  • Messages - This is the tab with a chat window with other users.

  • Stats - This tab displays charts with statistics by followers, comments, posts, and likes.

  • Settings - Tab with user personal information.

post

This is the page post. It displays images, descriptions, a list of comments, and more posts from users.

user-profile

This is a user guest page. It contains name, main image, list of posts, account statistics, and follow/unfollow button.

reset_pw

This page allows users to reset their password.

404

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


Reusable elements:

This reusable element contains navigation through the app, searches for users, and add photo button.

This reusable element contains a copyright symbol.


Workflow

Highlighting the workflow with color is a great way to separate actions in essence and significance. Below is the EazyCode standard for the use of colors with a detailed explanation.

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.

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.

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."

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.

Cyan - Actions utilizing Custom Events – lengthy tasks that involve the creation, modification, deletion, and plugins within a single comprehensive workflow as steps.

Brown - Custom workflow, API workflow, and similar tasks.

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.

Grey - All other actions.

test

Data Types

Comment

This data type is used to store comment proprieties.

Field name
Type
Notes

Content

text

Stores the comment content.

Post

Stores the post data type.

seen

yes/no

Stores the comment status(seen or not).

Conversation

This data type is used to store conversation proprieties.

Field name
Type
Notes

Members

List of Users

Stores the user data type.

messages

List of Messages

Stores the message data type.

Followers

This data type is used to store follower proprieties.

Field name
Type
Notes

User

Stores the user data type.

Like

This data type is used to store like proprieties.

Field name
Type
Notes

post

Stores the post data type.

seen

yes/no

Stores the like status(seen or not).

Messages

This data type is used to store message proprieties.

Field name
Type
Notes

conversation

Stores the conversation data type.

Messages content

text

Stores the message content.

seen

yes/no

Stores the message status(seen or not).

Post

This data type is used to store post-proprieties.

Field name
Type
Notes

Caption

text

Stores the post hashtag/description.

Comments

List of Comments

Stores the comment data type.

images

image

Stores the post image.

User

This data type is used to store user proprieties.

Field name
Type
Notes

Conversation

List of Users

Stores the user data type.

Followers

List of Followerses

Stores the list of followers.

Following

List of Followerses

Stores the list of following.

Like's

List of Likes

Stores the like data type.

Messages

List of Messageses

Stores the message data type.

name

text

Stores the user name.

Posts

List of Posts

Stores the post data type.

Profile-foto

image

Stores the user main image.

refresh

date

Stores the user last seen date.

status

text

Stores the user status description.


Option sets

Content

  • Image


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:

https://www.fiverr.com/share/qQoDQZ https://www.upwork.com/freelancers/~01c1a4cbef44ecb5f1 Follow us:

https://www.facebook.com/eazycode https://twitter.com/ezcode_official https://www.instagram.com/eazycodecom/ https://www.linkedin.com/company/eazycodecom/

Last updated

Was this helpful?