Plugins
Templates
Template Setup Guides

Hackerly - Community like IndieHackers Template

Template page link: https://zeroqode.com/template/hackerly---community-like-indiehackers-template-1579628280740x917860627745158900

Introduction

Hackerly - Community like IndieHackers template is a no-code template similar to Indie Hackers platform where startup founders, developers, designers and all kinds of internet entrepreneurs can interact and share ideas with one another. Meetups, interviews, articles are some extra features of this template.

Features

  • Fully responsive pages

  • Fully editable profile pages

  • Blog and interview pages

  • Meetups page

  • Products page

  • Minimal design

  • Dark theme design

  • Dynamic database structure

Data Structure

Data type

Field

Type

List

Notes

User

This data type contains information about the user like name, profile picture, followers etc.

First name

text

Last name

text

Bio

text

Short info about user

Followers

List of users

Yes

Followers following user

Following

List of users

yes

users followed by current user

Location

address

no

geographic address of user

profile_picture

image

no

username

text

no

Post

this data type contains all the details of articles posted by users and in groups

comments

list of comments

yes

this contains comments posted on each article by users. it is a list of comments

Group

group

some articles are posted in groups. this contains name of the paticular group the article is posted in

Likes

number

number of likes on each post

post-image

image

article header image

post_date

date

article's created date

post_title

text

the title of the article

post_user

user

user that posted the article

Upvoters

list of users

yes

users that upvote the article

Product

This data type is where products created by users are stored

business model

business model

the business model dropdown selected by the product

customer

customer

number of customers product has

Employees

employees

number of employees product has

Funding

funding

type of funding product has

Initial commitment

Initial commitment

Type of commitment product owner had at first

Link

list of text

yes

Links to products site, app etc.

Location

address

geographic address of product

Logo

Image

the product's logo

monthly revenue

monthly revenue

monthly revenue of product

motivation

motivation

motivation of founders

name

text

product's name

no-of-founders

text

number of founders

page admin

list of users

yes

users that control the product page

platform

platform

the type of product

revenue-verification

authenticity of revenue source

start-date

date product was launched

Tagline

text

tech-skills

Tech-skills

tech skills of founder(S)

updates

list of product articles

yes

post/articles posted on product

Product-Article

This data type contains post and articles in the products, it is linked to the product data type by the field updates

article-details

text

content of article

article-title

text

title of article

id

number

likes

number

product

product

the name of the product the article is about

writer

user

author of article

Group

This data type contains information about groups created by the owners of the platform

followers

number

number of members/followers of the group

group-name

text

name of the group

group-tagline

text

short bio about the group

members

list of users

yes

profile-picture

image

profile picture of group

Comment

These are the comments posted in the articles it is connected to the post data type via a field called comments

post

post

the post in which the comment is posted

reply

list of Replys

yes

connected to the data type called Reply and it contains reply to the comments

text

text

the actual comment

user

user

author of comment

Reply

This contain reply to comment in the articles/posts.

comment

comment

the comment that is receiving the reply

reply-text

text

the actual reply

user

user

Users

This data type contains things related to each user; from the name, username, email, password, profile picture, bio, location, followers and list of users following.

Post

This data type represents the articles, it contains fields ranging from posts, up voters, article titles, details, group (if post belongs to a group), comments, likes and image in article.

Product

This data type is where products created by users are stored, it contains fields from business model, category, customers, employees, start date, end date, location, monthly revenue, motivation, number of founders, tech skills of founders and every information about the product.

Group

Groups can be created by the admin of the platform, this data type contains fields such as followers, group name, tagline, followers, members, moderator and profile picture.

Comments

This data type contains comments and replies posted in the articles

Reply

This data type contains replies to comments posted in the articles

Meetup

This data type contains fields such as the meetup creator, date of meetup, description of meetup and the events URL.

Interview

This data type are for users and products that are interviewed; it contains fields such as business model, category, customers, employees, start date, end date, location, monthly revenue, motivation, number of founders, tech skills of founders and every information about the interviewee's product.

Pages Description

Home Page ( Community Page)

This is the homepage of the template. This page contains the discussions(posts) from other users, milestones, popular groups and upcoming meetups

The header contains menu like community, interviews, meetups, login and signup. If a user is signed in, his/her profile picture is displayed and when clicked takes user to profile page

Page title

States

Element

Notes

Index

This is the landing page of the template.

current

discussion tab

used to sort through the articles from the top top, to the most popular and the newest

current

Repeating group post

sorting the repeating group results

row-number

discussion-left

this state allows post results in repeating group to be filtered based on the number from the custom state

current-tab

milestone-tab

used to sort the milestone posts tab from milestone to product

milestones-tab

Group Posts and Milestones

this state allows post results in repeating group to be filtered based on the number from the custom state

Login Page

This is the login page, Google and Facebook authentication is allowed

Signup Page

This is the signup page, Google and Facebook authentication is allowed

Profile Page

This is the profile page of every user, it contains all the information about the user, his posts, his settings, his followers count and followers, following and following count. User can also edit his profile on this page.

page

States

Element

Notes

Profile

This is the profile page of every user,

current

Group profile-tab

when a current user is viewing his/her profile page, this state is used to move from one tab to another to view, edit and change his/her profile settings.

Note: The elements of Email and Web Notifications on page are part as mock-up and do not come with fully featured functionality in order to offer the customization possibility to users to design their own workflows for this part.

Interviews Page

This is the interview page that contains interview articles on specific users and product founders, this page has some filtering capabilities. Page can be filtered based on things such as revenue, number of employers, customers and many more.

Page

States

Element

Note

business-model

RepeatingGroup business-model

to select the business model of the product interviewed

Interview detail Page

This page is where the full article about the interview is displayed.

Product Page

This is the products page that contains everything about different products, this page has some filtering capabilities. Page can be filtered based on things such as revenue, number of employers, customers and many more.

Page

States

Element

Note

business-model

RepeatingGroup business-model

to select the business model of the product interviewed

Add-new-product page

Users can create their products on this page

Product_view page

This page allows users to view specific products, the links to the live version of the product, see its updates, its followers and also follow the product themselves.

Page

states

element

note

current

Group Product-tab

to change the tab of the products from updates to revenue to product's website and followers

meetups-new Page

This is the page users can use to create their own meetup and add such things as the meetups URL, its description, time and date.

meetups page

This is the page that lists all available meetups on the platform.

group Page

This is the page that contains full details of specific groups opened. You can join the group on this page.

Page

States

Elements

Notes

current

Group profile-tab

used to change tab and tab content of group in view from posts to followers

article-detail Page

This page is where the full article/post is displayed. These posts can also belong to a group.

admin page

This page allows the admin of the platform edit, delete contents of the platforms such as users, group, posts, meetups from the platform. An admin can also use the page to create a group, add articles to the group, and also add meetups.

page

state

element

notes

current-page

navbar

this is used to change the contents of the admin page through the sidebar menus such as home, users, groups, meetups and articles, once the state is set to e.g. home, the content becomes the home content etc. it works on the mobile and desktop sidebars.

Reusable Element

Reusable element

States

Element

Notes

Header

this is the top element on all the pages aside the admin page

Footer

This is the bottom element on all the pages asides the admin page

Things to Note

Navigation is straightforward on all pages, except for the profile page, group viewing and product viewing pages where there are some ajax style navigation.

Reusable Elements

the header, the footer are reusable elements

Demo to preview the template