Tutorials
/
๐Ÿ”ผ Hacker news website
Get updated on new tutorials
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

๐Ÿ”ผ Hacker news website

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)

If you'd like this template, to copy this tutorial, remix this workflow or get help while building it, upgrade to PRO.

Upgrade to PRO

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