SaaS admin panel for creating, managing, and tracking interactive product demos with Salesforce CRM integration.
Businesses were designing, distributing, and analyzing product demos across separate tools, with no single view of engagement and no automatic route from a demo viewer to a CRM lead. The client needed one panel to create demos, track how they perform, and push leads into Salesforce without manual entry.
We built a React 18 single-page application with a multi-step demo creation wizard, a real-time engagement analytics dashboard, and OAuth 2.0 Salesforce integration that syncs leads and customer data automatically. Subscription tier management and a content studio for marketing assets complete the platform.
video platforms supported: YouTube, Vimeo, Wistia, Twitch
CRM lead sync over OAuth 2.0
engagement data export formats
Multi-step interactive demo creation wizard
Real-time analytics dashboard with engagement metrics
Salesforce CRM integration with lead sync
Subscription and pricing tier management
Content studio for marketing asset management
Role-based user authentication and access control
Video player supporting YouTube, Vimeo, Wistia, Twitch
CSV and Excel data export
Responsive design for all screen sizes
OAuth 2.0 integration for Salesforce
React 18, Vite, React Router, Redux Toolkit, RTK Query, TailwindCSS, Material-UI, React Hook Form, Yup, Zod, React Player, Video.js, Axios, Date-fns, Moment, UUID, Crypto-js, Heroicons, Lucide React, FontAwesome
SaaS Admin Panel
Single Page Application
React 18 + Vite 6.0
Redux Toolkit + RTK Query
Salesforce (OAuth 2.0)
JWT + OAuth 2.0
Vercel
