A gamified classroombuilt directly intoZoom.
- Type
- Web app, education platform
- Category
- Education
- Stack
- React + Vite + TypeScript, TailwindCSS & shadcn/ui, NestJS
- Live site
- app.commerceclash.com
The challenge
Standard video calls make it hard to keep students engaged and to give instant feedback. The goal was to turn ordinary Zoom meetings into interactive, collaborative learning environments without leaving Zoom.
Commerce Clash is a gamified, real-time classroom experience built into Zoom with the Zoom Meeting SDK. Students and teachers register and take part in interactive, game-based learning during live sessions.
What it does
- 01
Role-based dashboards
Teachers manage classes, approve or deny student actions and track progress, while students see their own skills and progress.
- 02
XP, skills and perks
Students develop skills, earn XP, unlock perks and receive instant feedback.
- 03
Real-time sync
Supabase handles authentication, data persistence and live updates, so every participant sees changes as they happen.
- 04
Inside Zoom
The Zoom Meeting SDK (Component View) embeds the experience directly in the live session.
Built with
- React + Vite + TypeScript
- TailwindCSS & shadcn/ui
- NestJS
- Prisma
- Supabase (PostgreSQL, Auth, Realtime)
- Zoom Meeting SDK
- WebSockets
- Docker
At a glance
- 2
- Roles with their own dashboards: teachers and students
- Real-time
- Actions, XP and feedback synced live
- Zoom
- Built on the Zoom Meeting SDK
- XP
- Skills, perks and progress tracking
