Upvotehall: a link aggregator for a programming community

Upvotehall: a link aggregator for a programming community

00 Markdown

Links and text posts ranked by votes and age, newest and top pages, threaded comments, karma and reply emails, all live.

Run it yourself

Get the finished app on your own machine, ready to change however you like.

VS Code Command Palette⇧⌘P
upvotehall -scaffold=elementscode/demo-upvotehall

Press 'Enter' to confirm your input or 'Escape' to cancel

Press ⇧⌘P in VS Code and choose Elements: New App. Then paste this line and press Enter.

New to Elements? Install Elements first.

The code

How it's built

Upvotehall needed votes that move scores on every open page, a front page ranked by votes and age, live threaded comments, and an email when someone replies. Each of those is a part of Elements, so the agent spent its 16 minutes on the community itself.

What Elements gave the app

  • Live posts and scores. Posts are a LiveTable opened by rank for the front page, by time for newest and by author for profiles, 25 at a time. Database triggers keep each post's score and comment count, and a notify trigger carries every change to the open lists.
  • Votes through a view. Votes are LiveTables opened for the signed-in reader, so a vote is an insert or delete through the view, with the voter set from the session.
  • Live threads. Comments are a LiveTable opened per post. A new comment appears in every open copy of the thread and schedules its reply email in the same transaction.
  • Ranking on a schedule. A SQL function scores each post by votes and age, and one cron line runs a job every five minutes that re-ranks the last two weeks, so the front page keeps moving.
  • Reply emails and karma. A background job emails the author of the parent comment or post. A profile's karma counts the votes other people gave that user's posts and comments.
  • Data from SQL files. Two migrations define the schema and its triggers, then seed eight users, thirty posts over the last four days, votes, and comment threads several levels deep.

What the project server gave the agent

The project server runs alongside the agent and answers as soon as a file is saved: it type-checks the templates, TypeScript and SQL, applies migrations and reruns the tests, so every question came back right away and the agent kept building.

What shipped

The app type-checks with zero errors and all 35 tests pass. Every page works on desktop and phone, and live updates arrive across tabs, such as votes, scores and new replies.

Comments· 0

Join the community

Get a weekly digest of new posts.

Sign up