Inspiration
Arisan is a beloved Indonesian tradition where a group pools money and takes turns receiving the pot — but tracking who paid and whose turn is next on paper or chat gets messy. I wanted a simple offline tool anyone can open in a browser.
What it does
Arisan Circle tracks one savings group: members, who paid their share this round, a fair random draw for the receiver, and a history of past rounds. Data stays in the browser (localStorage) — no server, no login.
How we built it
One page with plain HTML + JavaScript, tested with Node asserts. I used an AI coding agent with the Devpost Learn Skill Pack: learner profile, scope, PRD, and spec live in the repo, built in two slices (state logic, then UI).
Challenges we ran into
As a beginner, my challenges were breaking the work into small slices, writing tests first, and producing a demo video — the automated browser recording failed, so I captured step screenshots and assembled the video with an AI voiceover.
Accomplishments that we're proud of
A working app with passing tests, public repo, and a demo video — my first hackathon project shipped end to end.
What we learned
How to scope a project (must-have vs non-goals), write a PRD and spec, test pure logic, and submit a complete Devpost entry: code, docs, and video.
What's next for Arisan Circle
Multi-round groups, editable member lists from the UI, and exportable history (CSV/print) for the group's treasurer.
Built With
- css
- html
- javascript
- localstorage
- node.js