Plugins
Templates
Blocks
Template Setup Guides

Flicky - Image Hosting like Flickr Template

Template page link: https://zeroqode.com/template/flicky---image-hosting-like-flickr-template-1501857333788x490438978221113340

Introduction

Flicky is a beautiful, no-code, fully responsive image hosting and sharing platform similar to Flickr. Consider this template if you are building an image based social media platform.This templates allows users to follow peers, like their photos or explore different albums. You can also post your own images and get followers.

Features

  • Responsive design

  • Landing page

  • User Dashboard

  • Search Input

  • Admin dashboard

Data Structure

User

A user type holds fields like First Name, Birth Day, Birth Month, a Background Image, Albums (takes a a List of Albums as value), Follows (takes takes a List of Users as value), Vote, a Profile Picture, is Followed (also takes a List of Users as value), etc.

Album

The data type Album holds only three fields; Images, a Name and Tags ( takes a List of texts as value).

Group

Group as a data type contains the associated Admins (takes List of Users as value), Members (also takes a List of Users as value), Name, Pictures (takes a List of Pictures as value) and Views ( takes a number value).

Picture

As a data type, Picture holds fields like the associated Album, a Description, favorite (value is either yes or no), Name, the picture itself (value as image), favorite_user (this also takes a list as value), Status (this is either yes or no), Tag and number of Views.

Pages

index

index is the landing page for this platform showing a sliding hero image and a call to action to Signup for new users and Login for existing users.

Custom State

States

Elements

Notes

photo

Group Photo

The value of this at a time is used to determine the image that is displayed as the hero image for a predefined duration.

albums

This page populates pictures grouped into albums and also showing the profile picture of the uploader.

Custom State

This page has no custom states.

search-results

Search can be done one this page using names of other users or albums to filter through the available images.

Custom State

States

Elements

Notes

Picture

Popup Picture

This state sets and displays the associated element.

album_look

This page is displayed when a particular album is opened. It displays the album name and populates the associated images below it.

Custom State

States

Elements

Notes

current tab

Group Tab Gallery

Determines an active view

Picture

Popup Picture

Sets and displays the associated element

The gallery page has two view tabs; the Gallery and Followed. When the gallery is active, the page displays a list of images and when the Following is active, a list of users is displayed on the page.

Custom State

States

Elements

Notes

current tab

Group Tab Gallery

Sets and displays the active view on the page.

Picture

Popup Picture

Sets and displays the associated element

user_profile

A user's profile page displays their number of followers/ following and the option to follow the user. It also contains different views that display different details about the user depending on the tab item that is active at a time. The tab items include Images, Album, Following, Followers and Favorites.

Custom State

States

Elements

Notes

current tab

Group Tab

The value for this state determines the view that is active on the element Group Tab

add

Header-about-logout A

Determines when the associated element is displayed

pic popup

Popup Image Name

Sets and displays the associated element

Picture

Popup Profile

Also sets and displays the associated element.

dashboard

This template has an admin dashboard that is used in making changes to the database, like option to delete or edit user, albums or pictures; view statistics by month and year.

Things to note

Admin dashboard

For security purposes the template has limited rights for potential customers. What that means is that you will not be able to use the admin features at full until you will not buy this template and enable the delete functionality .

If already bought the template you can enable the additional feature by following the steps below:

1. remove workflows when user is not admin

2. make condition when page is loaded

Condition when user is admin
Condition when user is not admin
On Page load workflow action

Demo to preview the template