04 of 05
The Podium
A Seminar Tracking Platform with automated Certifications and Attendance System
2024Sole Full Stack Developer
Primary visual evidence
Brief
Problem
HCDC's VPAA managed seminar attendance and certificate distribution manually, spreadsheets, printed sign-in sheets, and emailed certificates sent one by one.
Response
A Full-stack web application built as a school project for HCDC's VPAA for seminar management. This system streamlines seminar management, QR-based attendance, certificate generation and editing, email notifications, and evaluation analytics.
Technical Decisions
- 01
QR codes generated server-side and validated on scan: avoids the race condition where a client-generated code could be shared or reused before the server invalidates it.
- 02
Certificate rendering via canvas/PNG rather than PDF: gives admins live preview of font and position changes, and Cloudinary can serve the PNG directly without a PDF renderer on the client.
- 03
Brevo for transactional email: the free tier covers the organization's volume and the template editor reduces the need to maintain HTML email strings in code.
System
Stack
- 01React
- 02TypeScript
- 03Tailwind CSS
- 04Shadcn/ui
- 05Zustand
- 06Django REST Framework
- 07PostgreSQL
- 08Brevo
- 09Cloudinary
Capabilities
- 01Participant roles: attend seminars, view history, download certificates
- 02Admin roles: manage seminars, track attendance, view analytics
- 03QR attendance system: auto-generated codes, instant server validation, error handling
- 04Certificate generation: upload templates, adjust text, fonts, colors, rendered as PNG
- 05Supports customization: font family, size, color, text position, show/hide event name
- 06Email system via Brevo API: verification codes, password reset links, certificate notifications
- 07Seminar evaluation analytics: collect participant feedback, admin dashboards and charts for ratings, satisfaction, responses
- 08Seminar management: create, edit, delete seminars, upload images, view attendance, export data
Screenshots
