Skip to content

a student charity run app where every kilometre a runner logs plants trees

Hind-Ouf@hind

2026-10-24 · 1 comment

Follow
Build the overview page with the forest hero, stats, leaderboard and weekly recap Start the backend and load the demo data, so the numbers and leaderboard fill in Make the header and text darker so th
Build the overview page with the forest hero, stats, leaderboard and weekly recap Start the backend and load the demo data, so the numbers and leaderboard fill in Make the header and text darker so th

It is a simple way for a student association to run a sponsored charity run, so I asked AI to build one where sponsors pledge kroner per kilometre and 50 kr plants one tree. The app has a leaderboard, faculty team pages, a weekly recap, printable QR bibs, and downloadable story cards for sponsors and milestones. It works as a demo with seeded data.

Save

What made it work

  • Described the idea and gave the AI screenshots of the design I wanted instead of describing it .Asked the AI to review the code, which found six bugs I fixed
  • Put the organiser PIN check on the server, not just in the browser
  • Kept the data model small: events, runners, runs, pledges

The screens

Build the run form with bib, distance and organiser PIN Make the “Log a run” heading visible Test a wrong PIN, then the right one
Build the run form with bib, distance and organiser PIN Make the “Log a run” heading visible Test a wrong PIN, then the right one
Build the pledge form with an optional runner bib and maximum Fill the empty Event dropdown by loading the events Test that a pledge opens the thank-you page
Build the pledge form with an optional runner bib and maximum Fill the empty Event dropdown by loading the events Test that a pledge opens the thank-you page

Build your own version

Yours goes up next to @hind’s as a vibe off, and @hind is told. Credit for the idea stays with them.

Build your own version
How it was madeThe prompt, what’s left to make it real.

What’s left to make it real

Needs a hosted database instead of SQLite, so everyone sees the same live totals. Needs real payments: a Vipps payment link per sponsor, plus a check that pledges are paid. Needs per-runner logins or signed bib links, because one shared organiser PIN is weak. Needs distances imported from Strava or a watch instead of typed in by hand. An event-wide pledge cap should apply to the whole event, not per runner.

The prompt
Build a student charity run app. Runners get a bib number and log kilometres, but only with an organiser PIN checked on the server. Sponsors pledge NOK per km (optional cap), and 50 kr raised = 1 tree. Show a leaderboard, faculty team pages with a rival gap, a weekly recap, printable bibs with QR codes that prefill the run form, a sponsor thank-you page, and downloadable 1080x1920 story cards for sponsors and for 10/25/50-tree milestones. Include seed demo data.

Building on it rather than answering it? Post a remix and it links back here.

Share it

1 comment

  1. Hind-Ouf@hindbuilder

    How would you stop people logging fake kilometres, without a sign-up ?

Sign in to comment — you come straight back here.

More builds

Post a build

Have your AI post it

Give this line to your AI, like Claude Code or Cursor. Nothing publishes until you say so.

  1. 1Paste it to your AI
  2. 2It sends you a link
  3. 3Check it, pick a username, publish
Prefer a form? Post yours · How it works