Plugins
Templates
Template Setup Guides

UpHunt - Upvoting like Product Hunt Template

Template page link: https://zeroqode.com/template/uphunt---upvoting-like-product-hunt-template-1507812247305x257803851702206460

Introduction

UpHunt is a no-code app template that replicates Product Hunt's core functionality. With both an intuitive front-end and powerful admin platform, this app has what you need.

Users can upload their own products, vote for other products, comment and reply on the product page, and also create collections of products. This template is fully responsive and comes with an admin page to manage the product submissions, comments, or other relevant items.

Features

  • Landing page

  • Responsive design

  • Admin dashboard

  • User dashboard

Data Structure

User

This contains data such as list of userUpvotesProducts, list of userUpvotesCollections, userProfilePhoto, userProfileHeader, list of userProducts, userName, userHeadline, list of userFollowingTopics, list of userFollowingCollection, list of userComments, list of userCollection.

Topic

This contains data such as topicTitle, topicPicture, topicDescription.

This contains information such as menu and name.

Reply

This shows Comment and ReplyContent.

Product

This contains data such as list of productUpvotes, numbers of productUpvoteCount, list of productTopic, productTitle, productSiteURL, list of productPictureGallery, productPictureFeatured image, productPicture, list of productDisscutions, productDescription, productCreationDateText, list of productCollection, and whether the productAproved or not.

This contains data such as list of submenu, name, image, icon, and Description.

Feedback

This shows the Customer and Feedback Text.

Comments

This shows the CommentContent and list of Replys.

Collection

This contains data such as collectionUpvoteCount, list of collectionUpvote, list of collectionProducts, collectionPicture, collectionName, and collectionDescription.

Pages

Index

This is the first page you'll see in this template, showing a short overview of what the website is about. It displays recent products, the segment on the left side is the feeds and the segment on the right hand side is the featured collections.

Custom State

Note

Element Name

topic

To select feeds

index

message

To create new collection

Text + Create new

addProduct

To add add product to collection

Group addToCollectionProductToday

active

To set feed topics active

Text Parent group's Topic

grey

index

topicT

To display list of products

RepeatingGroup ProductsByCategory

show

To show more feeds

Group more feeds

group

To display products in groups

RepeatingGroup productsByDay

Collection

This page shows the user's collection of products, where you can upvote products, create collection of products and add products to collection. And also follow other user's collection.

Custom State

Note

Element Name

editCollection

To enable edit of collection

collection

message

To create new collection

Text + Create new

addProduct

To add add product to collection

Group addToCollectionProduct

Dashboard

This page is the admin page for the website. It allows to control what's going on at the website, to see the various users and the products they added, collections and the number of upvotes on each product. It has the following pages:

Users

This shows all the users on the website with their emails, products, collections, upvotes and actions.

Products

This shows all the products on the website with details such as product's name, topic, description, collections, status (approved or not), number of upvotes and actions.

Collections

This shows all the collections on the website with details such as the collection's name, topics, description, products, upvotes and actions.

Discussions

This shows all the discussions on the products added to the website with the description and its respective users.

Custom State

Note

Element Name

menu

dashboard

galleryImgs

To upload image for the product

Popup Add Product

Log in

This is the log in section for this template. It allows registered users to access the website. It pops out the login form and requests for email and password to log in. In case any user forgets password there's a password recovery section for that.

Custom State

Note

Element Name

demo

To allow demo users access to the site

login

Product

This page shows product's details such as: product's name, topics, collections, the number of up votes, the website link. You can also share the product on Twitter and Facebook. You can comment on the product in the Discussion section. On the right hand side is the related production section.

Custom State

Note

Element Name

slideContent

To play slide content video of the product

product

message

To create new collection

Text + Create new

addProduct

To add add product to collection

Group Share

Profile

This page shows the user's profile with information such as the user's name, a short description, profile image, cover photo, collections, number of upvotes, number of followed topics, number of followed collections and number of products submitted.

Custom State

Note

Element Name

link

links to collections, upvotes etc.

Group content,Text followedCollections

menu

profile

editProfile

To edit profile

Button EDIT

message

To create new collection

Text + Create new

addProduct

To add add product to collection

Group addUpvotedProd

Things to note

Database things

Most of the template content were directly pulled from the template database. Please do not delete an entire data thing unless you are sure of what you are doing. However, feel free to delete template content used in building this template, preferably from the admin dashboard.

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 editing feature.

If you already bought the template you can enable the additional feature by following one of the steps bellow:

  • Go to database -> user datatype and edit the user you want to be an admin in the Usertype field with either admin or user. For a better understanding check the images bellow.

Database, user app data
Database, user type modification

Below you could see workflow which shows different pop-up information regarding the security measure for when an user is Admin or not.

Workflow when user is admin
Workflow when user is not admin

Demo to preview the template