Karimah.id - Event Registration Platform
Full Stack Developer (with Claude Code assistance)
Pro bono event registration platform for Maulid Nabi with 2,600+ participants, featuring QR code generation, real-time quotas, and AI-assisted development workflow.
Background
Karimah.id was a freelance project I built pro bono to support the Maulid Nabi event registration for thousands of attendees. In previous years, without a registration system, participants flooded the venue, leading to long queues and logistical difficulties. The goal was to provide a seamless and reliable registration platform so participants could register online, download their unique QR code, and easily check in during the event.
Solution
Built a comprehensive event registration platform using SvelteKit frontend and Golang backend, leveraging Claude Code AI assistance for faster development. The platform handled 2,600+ participants with QR code generation, real-time quotas, and efficient check-in system.
Key Features
QR Code System
Generate unique QR codes for participants with PDF and image download options, plus one-time scan verification during events
Event Management
Admin can create and manage events, set quotas, countdown timers, and handle event guidelines and announcements
Participant Search & Reissue
Search and verify participants by phone numbers, assist with forgotten QR codes by reissuing them instantly
Technical Challenge
During the second registration wave, the system faced high traffic. An external API dependency (for province/city data) slowed down responses, causing temporary disruptions. The solution was implementing a backend cache, reducing repeated external API calls and stabilizing the system. After this fix, the second wave registration filled 2,000 slots in just 5 minutes. Claude Code assistance was crucial for efficient implementation.
Tech Stack
Developed using SvelteKit for frontend and Golang for backend API, with Claude Code AI assistance throughout the development process. Implemented QR code generation, cache optimization for high-traffic handling, and real-time registration management.
Platform Interface
User main page displaying list of available events for registration
Event detail page with event information and registration form for participants
Event detail page in admin dashboard for managing event information and settings
Participant status verification page for checking and downloading QR codes
QR code scanning page using camera for event check-in and attendance verification
Project Outcome
Total Registrations (3 waves)
Participants Successfully Attended
Development & Deployment
The system handled 4,200 registrations across 3 waves (2,000 + 2,000 + 200) with 2,600 successful attendees, ensuring orderly registration and QR-based verification.
My Role
As Full Stack Developer (Freelance, Pro Bono), I was responsible for the complete development from frontend to backend and deployment. I leveraged Claude Code AI assistance for efficient implementation and learning these technologies.