AI SAAS Realtime Video Sharing + Desktop App: AWS, Cloudfront, Nextjs, Electron, Express, Socket.io
Github: https://github.com/webprodigies/opal-...
Github for Electron + Express + License: https://webprodigies.com/license/?am_...
🔴 Last day to join Prodigies University at a discount is 31st December (LIMITED SPOTS ONLY): https://webprodigies.com/?utm_source=...
📋 Help us create more free content for you with this 15 second survey:
https://forms.gle/8tu5GEiCEjoJcr2b7
🟢 License to monetize the code
https://webprodigies.com/license/?utm...
🟢 Figma file & mockups with bonus designs?
https://webprodigies.com/store?utm_so...
🟢 Previous Video - SAAS Skool Clone With Custom Domains And Affiliates
• SAAS LMS With Custom Domains & Affili...
FREE Discord Community: / discord
🟢 IMPORTANT LINKS!
Neon: https://neon.tech/?ref=wp
Clerk: https://go.clerk.com/RfgLSVm
Stream Chat API: https://getstream.io/chat/react-chat/...
Stream Video API: https://getstream.io/video/sdk/react/...
Relume: https://www.relume.io/?utm_source=web...
Cloudways' Black Friday/Cyber Monday offer and secure an additional $75 free hosting credits on top of the standard BFCM deal: https://www.cloudways.com/en/bfcm-ear...
Voiceflow: https://partners.voiceflow.com/oymek2...
Wix Studio: https://www.wix.com/studio/?utm_sourc...
Software to create SAAS demo videos: https://screen.studio/?aff=OXPpe
Stripe Quick Link Guide: https://webprodigies.com/product-deta...
8 Unlimited Lifetime spots To Prodigies University: https://webprodigies.com/?utm_sounce=...
Cursor: https://www.cursor.com/?utm_source=we...
AWS: https://aws.amazon.com/?utm_source=we...
🟢 Features:
📹 Real Time Video Recording and Streaming (no 3rd party library)
💻 Web application using Next.js
📤 Share Videos instantly With Prospects
👥 Workspaces to invite team members
📝 AI Transcriptions For Videos
🤖 1 Time Try Now AI Features For Users
💡 AI summary of videos along with titles and description
💬 Activity feed for viewers to comment
👁️ View count on each video
📧 Email notification when the first viewer watches the video
📸 Custom Thumbnail video embed inside emails for client outreach
🖥️ Desktop application using Electron JS
⚡ Express server for real-time Socket
📺 Recording videos in 720p and 1080p
⏳ Dynamic video length based on subscription plan
🎙️ Getting access to users’ native devices on the desktop app
📂 Saving presets of users’ devices
🎥 Screen & Webcam capture
☁️ Uploading videos to AWS
⭐ Pro plan and free tier
🛠️ CMS control for in-app marketing
💳 Stripe for payments
⏰ Timestamps: (COMING SOON)
00:00 - How loom made $957M
03:42 - What technologies are used to build Loom
04:50 - Demo of the application
15:14 - Complete breakdown of the architecture
44:10 - Limited spots for prodigies university
46:22 - How to use Cursor AI IDE
47:30 - How to setup a nextjs 14 project with shadcn ui and tailwind
56:21 - Neon Database setup in Nextjs
59:00: Clerk Authentication
01:05:52 - How to build a landing page using Relume AI
01:25:51 - How to build prisma schemas and models
01:51:25 - How to build a dashboard layout in nextjs
02:17:36 - Building a responsive sidebar in nextjs
02:28:23 - useQueryData hook
02:44:14 - creating and optimized search feature in nextjs
03:01:33 - useMutationData hook
03:18:31 - Inviting users into the workspace
03:59:23 - Creating an InfoBar
04:13:49 - My library page
04:32:48 - useZodForm hook
04:39:49 - Our Magical Form generator component
04:57:02 - Create folders for videos
05:29:57 - ReactQuery detailed explanation
06:08:34 - How to renders videos inside a folder (folders route)
06:21:02 - Videos Component
06:34:22 - How to move videos from one folder into another
