Build a Mobile-First Kiosk Experience with React & FirebaseBuild a Mobile-First Kiosk Experience with React & Firebase
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Built an interactive “Video Stories” experience for Manulife: a full-screen, mobile-first kiosk-style web app that starts on a CTA screen, then lets users swipe through short colleague videos to explore “Tech @ Manulife.” I also implemented session analytics (play/leave/pause/resume, watch time, idle detection) and persisted engagement data to Firebase Firestore for reporting.
Stack: React + TypeScript (Vite), Tailwind CSS, Firebase (Firestore), react-idle-timer
Notable details: 1080×1920 vertical layout, custom Manulife typography/assets, idle timeout auto-resets the experience
Post image
Post image
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started