A dual-portal gamification platform that turned corporate event attendance into a competition — 12,000+ active users.
Frontend lead + backend support — B2B
A Saudi IT company’s client needed attendance and engagement at organizational events to stop being a compliance exercise. The answer: points, badges, tiers, leaderboards, and tangible rewards — an incentive economy layered on top of event participation.
The platform is two products sharing one system: an admin dashboard where organizers design activities, badge systems, and reward catalogues; and a participant portal where employees track achievements, compete on leaderboards, and redeem rewards. I led the frontend across both portals — 50+ screens from Figma — and stepped into the backend to help the team hit the launch date.
Admin tables and participant-facing gamification UI look nothing alike in Figma, but underneath they share forms, modals, charts, and list machinery. One system meant every fix landed in both portals — and the two products stayed visually coherent where it mattered.
The admin dashboard renders thousands of users with live stats; naive rendering choked. Row virtualization and aggressive memoization held 90+ Lighthouse scores — at the cost of stricter state design, since a memoized row must never show a stale rank.
With API endpoints lagging behind the frontend, I picked up backend tickets (Node/Express) to unblock my own screens. It cost real frontend velocity for two weeks; the launch shipped on time.
Type, date, city
Point-earning actions
Thresholds + tiers
Redemption catalogue
Engagement dashboards
Browse + filter
Complete activities
Tier progression
Live ranking
Points → products
Leaderboards updated in real time during events: streams of rank changes flowing through Socket.IO while participants watched their own position. Re-rendering the whole board on every message made rank animations stutter exactly when the most people were looking.
I moved socket handling out of component state into a store that batches updates per animation frame, diffed incoming ranks against the visible slice, and re-rendered only rows whose position actually changed — with transform-based animations for reordering instead of layout thrash.
During live events the board stayed smooth on conference-hall wifi and mid-range phones. The platform now serves 12,000+ active users across multiple events, with zero critical frontend bugs reported after launch.
YOU GOT SOMETHING IN MIND ?
Full Stack Developer
Open to roles in Europe & Tunisia — based in Tunis (UTC+1, Paris hours)