The Podium
A Seminar Tracking Platform with automated Certifications and Attendance System
Problem
HCDC's VPAA managed seminar attendance and certificate distribution manually, spreadsheets, printed sign-in sheets, and emailed certificates sent one by one.
Solution
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.
Role
Sole Full Stack Developer
Stack
- React
- TypeScript
- Tailwind CSS
- Shadcn/ui
- Zustand
- Django REST Framework
- PostgreSQL
- Brevo
- Cloudinary
Key Features
- 01
Participant roles: attend seminars, view history, download certificates
- 02
Admin roles: manage seminars, track attendance, view analytics
- 03
QR attendance system: auto-generated codes, instant server validation, error handling
- 04
Certificate generation: upload templates, adjust text, fonts, colors, rendered as PNG
- 05
Supports customization: font family, size, color, text position, show/hide event name
- 06
Email system via Brevo API: verification codes, password reset links, certificate notifications
- 07
Seminar evaluation analytics: collect participant feedback, admin dashboards and charts for ratings, satisfaction, responses
- 08
Seminar management: create, edit, delete seminars, upload images, view attendance, export data
03 / 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.
Screenshots
