Featured Project
EdTech

HighLevel Credentials Platform

End-to-end digital credential issuance module: Canva-style Certificate/Badge Builder, automated delivery, verification, and analytics.

Certificate Builder interface with drag-drop canvas editor, design elements, and real-time preview

Role

Lead Frontend Engineer (SDE III)

Company

HighLevel Inc.

Timeline

Jul 2024 – Present

Stack

React
TypeScript
Node.js
+5

Challenge

HighLevel users needed a flexible way to design and issue certificates for course completions and achievements. The solution required a non-technical design tool, bulk issuance, secure verification, and deep integration with HighLevel's workflows and Membership system.

Solution

Built a complete Credentials module from scratch with a WYSIWYG Certificate Builder (drag-drop elements, templates, real-time canvas preview), Badge Designer, automated issuance workflows (CSV bulk upload, scheduled sends), public shareable credential links with social sharing, UUID-based verification API, and analytics dashboard tracking engagement.

Context & Background

Multi-tenant SaaS platform requiring white-label branding, secure credential verification across internal apps, and seamless integration with HighLevel's Memberships/Courses product. Needed to handle high-volume issuance and provide a premium design experience.

Key Contributions

  • Architected and built the Certificate Builder with drag-drop UI, templates, logos, QR codes, custom fonts/colors, watermarks, and background images

  • Developed Badge Designer on the same Canvas engine for circular badge graphics with icons, ribbons, and customization

  • Implemented bulk issuance: CSV upload with dynamic fields, auto-send emails, scheduled issuing, and renewal workflows

  • Created Credential Portal: login-free access via public links, branded portal, social sharing (LinkedIn, Facebook, X/Twitter, WhatsApp)

  • Built verification system: UUID-based IDs, public validation API, issuer identity verification, and revocation controls

  • Added analytics dashboard: track opens, link clicks, verification requests, social engagement, and monthly performance reports

  • Integrated with HighLevel workflows: trigger certificate/badge issuance from course completions, form submissions, and other internal events

  • Implemented certificate expiration with automated renewal reminders (customizable lead times)

Technical Architecture

Built as a standalone micro-frontend using Module Federation (Webpack 5). Canvas-based editor with custom rendering for PDF/PNG export. Backend APIs handle bulk processing, email automation via HighLevel workflows, verification endpoints, and analytics aggregation. Real-time preview with optimized state management.

Technologies Used

React
TypeScript
Node.js
Canvas API
Module Federation
HighLevel API
Webpack 5
Redux/Zustand

Results & Impact

  • 1

    Launched advanced Certificate Builder with professional templates and real-time design preview — [ADD METRIC: adoption rate]

  • 2

    Enabled bulk certificate issuance for webinars and challenges — [ADD METRIC: certificates issued per month]

  • 3

    Public shareable links drove social proof — [ADD METRIC: social shares or engagement rate]

  • 4

    Verification API ensured credential authenticity — [ADD METRIC: verification requests handled]

  • 5

    Analytics dashboard provided insights — [ADD METRIC: average open rate or click rate]

  • 6

    Automated workflows saved time — [ADD METRIC: time saved vs manual issuance]

What I'd Do Next

Add revocation lists for expired/invalid certificates, implement webhooks for external integrations, extend analytics with cohort analysis and A/B testing for certificate designs.

Interested in similar work?

I'm available for senior full-stack and frontend roles. Let's discuss how I can help your team ship exceptional products.