back to projects
$ cat ./projects/livecounter.md
Realtime Live Counter
A live donation counter web app built with React, inspired by popular online campaign donation platforms. Displays real-time donation totals, donor lists, and campaign progress as contributions come in. Features two views — a fullscreen live count display and a campaign page with donor rankings, progress bar, and fundraiser details.
- React
- Realtime
gallery
Real-time donation counter built with React, inspired by popular online campaign donation platforms like Kitabisa and GoFundMe.
The app has two views — a fullscreen live count display built for projecting on screens during events, and a campaign page that mirrors the look and feel of modern donation websites, complete with fundraiser story, organizer details, and payout information.
Features:
- Real-time donation updates — counter animates the moment a donation comes in
- Progress bar toward a fundraising target
- Top donors leaderboard and recently donated list
- Confetti burst when the goal is reached
Built as a POC to demonstrate a live donation tracking experience. To take this to production, the next step would be integrating a payment gateway (e.g. Midtrans or Xendit) to automatically record donations from QRIS and e-wallet payments — but as a proof of concept, the core experience is fully functional.