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.

preview

resume.pdf