Plugins
Templates
Blocks
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 the first page you'll encounter in this template, showing a short overview of the the website does. Displaying 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 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 to controls whats going on in the website, to see the various users and their respective products, collections and the number of upvotes on each products. Under this page are 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, whether 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, descriptions, products, upvotes and actions.

Discussions

This shows all the discussions on products in the websites with the descriptions 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 already registered users access to the website. It pops out the log in 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 products details such as the product's name, topics, collections, the number of up votes , the website link,. You can also share on twitter and Facebook. You can comment on the prduct 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 about the user, profile image, cover photo, collections, number of upvotes, number of followed topics, number of follwed collection 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