Sign up for updates

Get a weekly update every Sunday with our announcements, company updates and a behind-the-scenes of what our community are building.
Over 11,000 people get our updates, join us!
You're in 😍- check your email to get started. Tweet me what you want to build to see how to do it without code.
Oops! Something went wrong while submitting the form.
â­  all tutorials

Hacker news website

This tutorial is available for pro members only

Request access

This was built with Bubble. It allows you to have users, profiles, upvotes, comments, posting links etc. So I built a mini Hacker News.

‍

How it works:
  • Bubble has built in user modules so I just used the Signup/Login popup they provide
  • You need to create two extra Data types (Bubble already includes User as a data type)
  • Links (Comment, Description, URL, Title, Upvote Number and Users Who Upvoted)
  • Comments (Comment Upvote Number, Content, User Who Upvoted Comment)
  • The main content of the site will sit within a Repeating Group
  • Within that you create the structure for the posts.
  • You'll need the Current Cell's Index (for the number 1,2,3 etc)
  • Title text, upvote number and icon, link creators username, creation date and number of comments.
  • Then you need to Start Workflows to make it all stick together.
  • Clicking comments takes you to page item (Parent Group's Link) to generate an item page where you can add repeating group for comments and adding new ones etc.
  • Clicking upvote icon to +1 to the upvote number of that link item plus add your username to the list of users who have upvoted that item.
  • Add a submission page which you add text input fields which link to creating a new item that will be displayed
  • To switch between new/popular feeds you need to create custom states and have the text change the repeating group items (Sort by Popular = True or False)

The full tutorial is available for pro members only

Request access

This was built with Bubble. It allows you to have users, profiles, upvotes, comments, posting links etc. So I built a mini Hacker News.

‍

How it works:
  • Bubble has built in user modules so I just used the Signup/Login popup they provide
  • You need to create two extra Data types (Bubble already includes User as a data type)
  • Links (Comment, Description, URL, Title, Upvote Number and Users Who Upvoted)
  • Comments (Comment Upvote Number, Content, User Who Upvoted Comment)
  • The main content of the site will sit within a Repeating Group
  • Within that you create the structure for the posts.
  • You'll need the Current Cell's Index (for the number 1,2,3 etc)
  • Title text, upvote number and icon, link creators username, creation date and number of comments.
  • Then you need to Start Workflows to make it all stick together.
  • Clicking comments takes you to page item (Parent Group's Link) to generate an item page where you can add repeating group for comments and adding new ones etc.
  • Clicking upvote icon to +1 to the upvote number of that link item plus add your username to the list of users who have upvoted that item.
  • Add a submission page which you add text input fields which link to creating a new item that will be displayed
  • To switch between new/popular feeds you need to create custom states and have the text change the repeating group items (Sort by Popular = True or False)
Lesson details

This was built with Bubble. It allows you to have users, profiles, upvotes, comments, posting links etc. So I built a mini Hacker News.

‍

How it works:
  • Bubble has built in user modules so I just used the Signup/Login popup they provide
  • You need to create two extra Data types (Bubble already includes User as a data type)
  • Links (Comment, Description, URL, Title, Upvote Number and Users Who Upvoted)
  • Comments (Comment Upvote Number, Content, User Who Upvoted Comment)
  • The main content of the site will sit within a Repeating Group
  • Within that you create the structure for the posts.
  • You'll need the Current Cell's Index (for the number 1,2,3 etc)
  • Title text, upvote number and icon, link creators username, creation date and number of comments.
  • Then you need to Start Workflows to make it all stick together.
  • Clicking comments takes you to page item (Parent Group's Link) to generate an item page where you can add repeating group for comments and adding new ones etc.
  • Clicking upvote icon to +1 to the upvote number of that link item plus add your username to the list of users who have upvoted that item.
  • Add a submission page which you add text input fields which link to creating a new item that will be displayed
  • To switch between new/popular feeds you need to create custom states and have the text change the repeating group items (Sort by Popular = True or False)
Previous submissions
No items found.
Supporting details

You must be a member to view the full lesson

Get started with
Makerpad today

The #1 platform for no-code education. Join over 10k others and discover what's possible.

Business

Multiple seat access, hire talent and custom training.

Learn more
Individuals

Unlimited all-access to our online bootcamps and community.

Get started
Email updates
You're in 😍- check your email to get started. Tweet me what you want to build to see how to do it without code.
Oops! Something went wrong while submitting the form.
More lessons
No items found.

If you'd like this template, message @bentossell on Slack with your email for the account to send this template.

Ready to get started?

Join the community and start turning your ideas into solutions