Templates
Template Setup Guides

Pinterly - Pins Board like Pinterest Template

Template page link: https://zeroqode.com/template/pinterly---pins-board-like-pinterest-template-1560508201382x298437698487439300

Introduction

Pinterly is a no-code template like Pinterest. It is fully responsive and dynamic and allows creating pin galleries similar to Pinterest. Users can create, share, save and download pins they like, follow creators and message to favorite ones. Also, this no-code template has notifications feature when something new is added. To visualize user's activity Pinterly app template has an intuitive dashboard with the line chart. It allows managing users' accounts with ease.

FEATURES:

  • Masonry grid for pins

  • Create/edit pins and boards

  • Share pins

  • Download pins

  • Follow users and see their pins in "following" page

  • Comment pins

  • Messaging: Send messages to other users

  • Notification: Get notification of new pins

  • Admin Dashboard

Data Structure

Board:

Field

Note

Description

The description of the board

Title

The title will show on the page “board”

Topic

To match the same pins on the "pin" page, the board needs a topic.

Message:

Field

Note

LastMessage

For the layout of the message module. If last message is from current user, users messages are on the right

Pairs

The pairs of the conversation

To

The message recipient

Read?

To show the badge

Message Item

A Message contains Message Items

Message Item:

Field

Note

Message

This is the specific, single message as text. This is used in den Messages table as list of message items

Notification:

Field

Note

Pins

The user becomes notification from the user which are in the follow list. (User table -> Following_User ). If that user uploads a new pin, this will show in the notification module

Pin:

Field

Note

Board

Each pin needs a board. It's not possible to add a pin without a board

Copy?

If a user saves a pin in his own board, becomes these pin copy=true. This pin is not visible in the pins list. This is for prevention of showing same pins in the list

Description

The description of the pin

Link

If a pin has this attribute, the share button is visible

Image

Title

The title will show on the pin page

Topic

The pins with same topic is showing below the pin on the Pin detail page

Topic:

Field

Note

Image

Each topic needs a image

Title

The title will show in the list

Pin Comment:

Field

Note

Comment

A user can add, edit and delete a commit to each pin. This is the comment as text

Pin

User:

Field

Note

About you

This will show in the “profile-settings” page

Follower

The list of followers. The count of this list will show in the profile page

Following_Topics

The list of the following topics. The topic list is on the profile page. This can be used to sort the pin list

Following_User

The list of user which are followed. The count of this list will show in the profile page

Image

User image. Will show in the profile and can be changed on the profile-edit page

Name

Name of the user

Notifications_Incoming

The list of notifications. See table "Notification" for more details

Custom States

Page: Pin

State

Type

Note

Board State

Board

To show in the Dropdown for saving this pin

Edit Pin?

yes/no

If the pin is current users pin, then the follow button will change to “edit” On click the profile-pins page will open and the popup is visible if this state is true

Page: Profile

State

Type

Note

Board_Edit

Board

The board to edit in the Popup

Nav

Number

For the sub-navigation on this page. 3= Boards, 2=Topics

Topic

Topic

For previewing the topic

Page: Edit-boards

State

Type

Note

Board

Board

For deleting popup

Page: Edit-user

State

Type

Note

User

User

For deleting popup

Page: Edit-pin

State

Type

Note

Pin

Pin

For deleting popup

Reusable Elements

Pins

State

Type

Note

Board

Board

If this element is showing on the “board” page, the list only show the pins of this board

editPin?

yes/no

To show the edit popup

editPin(fromSinglePin)

Pin

The pin to editing if the page is “pin”

PinsList

Pin

The pins from hidden repeating group.

RepeatingGroupOuterRowIndex

number

For the masonry grid. Do not change this state!

User

User

ViewMode

nr

ViewMode (fill the PinsList on page load)

1: StartPage -> Show the complete Pin List

2: Single Pin Page -> Show only related Pins - Match category

3: Profile -> Show only pins of this User

4: Board -> Show only board pins

5: Following - Show only following pins and boards

Profile-User-Action

State

Type

Note

Board

Board

If this element is showing on the “board” page, the list only show the pins of this board

editPin?

yes/no

To show the edit popup

editPin(fromSinglePin)

Pin

The pin to editing if the page is “pin”

PinsList

Pin

The pins from hidden repeating group.

RepeatingGroupOuterRowIndex

number

For the masonry grid. Do not change this state!

User

User

ViewMode

nr

ViewMode (fill the PinsList on page load)

1: StartPage -> Show the complete Pin List

2: Single Pin Page -> Show only related Pins - Match category

3: Profile -> Show only pins of this User

4: Board -> Show only board pins

5: Following - Show only following pins and boards

Header

State

Type

Note

FirstMessage

yes/no

For the message badge. If the FirstMessage is not current user, the badge shows the count of incoming messages

Message

Message

messageFromAvailable

Message

To show the incoming messages

MessageUser

MessageUser

Admin Dashboard

The admin dashboard is a one-page component of the template designed to display information in the database, edit, replace, or delete content (like users, pins or boards) on the template. This helps you to avoid the technicalities of manual changing things in the database. Also there is statistics display view in dashboard for owner to be able to view total numbers users or pins the app has which are sorted by months.

Things to Note

Admin dashboard comes with security measure which prevents the deleting or editing features to not work in the template.

For user which has Admin field Yesmeans the features are enabled and if No respectively disabled.

The workflow which shows different pop-ups and for both scenarios when Yes or No . Meaning, when the user is currently Admin is Yes the Popup Delete Pin will be displayed in app. However when user is currently Admin is No the Popup Delete Permission will be shown.

Admin is Yes
Admin is No

Demo to preview the template