Skip to content
Back to work

Live in production

Employee of the Month Generator

React app that turns employee details into polished celebration posts and certificates — optimised for LinkedIn, Instagram, Twitter, and PDF export.

  • React 18
  • Vite
  • Tailwind CSS
  • html2canvas
  • jsPDF
  • Vercel
Visit live site (opens in a new tab)

The problem

What needed solving

Recognising employees every month takes time — writing tailored copy, sizing graphics for each platform, and exporting certificates is repetitive manual work that HR teams and managers often skip. EOTMG automates the whole flow from name to publish-ready output.

Constraints

What the build had to respect

  • Output must be correctly sized and formatted per platform (LinkedIn, Instagram, Twitter, photo caption)
  • PNG, JPG, and PDF exports must preserve design quality from the browser preview
  • Instant preview — users see the final result as they type, no submit step

Architecture

How it fits together

frontend

React 18 with Vite — form, live preview, and export panel as distinct component groups

contentEngine

Template-based content generator that maps role, accomplishments, and platform to celebration copy and design theme suggestions

export

html2canvas for raster image export (PNG/JPG), jsPDF for certificate-quality PDF generation, Clipboard API for one-click copy

deployment

Vercel static deployment — zero backend, fully client-side