AI SAAS Realtime Video Sharing + Desktop App: AWS, Cloudfront, Nextjs, Electron, Express, Socket.io

Github: https://github.com/webprodigies/opal-webprodigies
Github for Electron + Express + License: https://webprodigies.com/license/?am_id=syednauroz5153

πŸ‘‘ 8 Spots For Unlimited Lifetime Access To Prodigies UniversityπŸ‘‡πŸ»
https://webprodigies.com/?utm_sounce=opaldescriptionmain

🟒 Help us create more free content for you with this 1 minute survey: https://forms.gle/uu15Tm41GmexVCG98

🟒 License to monetize the code
https://webprodigies.com/license/?utm_sounce=opaldescriptionlicense&am_id=syednauroz5153

🟒 Figma file & mockups with bonus designs?
https://webprodigies.com/store?utm_sounce=opaldescriptionfigma

🟒 Previous Video – SAAS Skool Clone With Custom Domains And Affiliates
https://www.youtube.com/watch?v=pyFbM7_Ixno&t=2668s

FREE Discord Community: https://discord.gg/6xWFE3WKZG

🟒 IMPORTANT LINKS!
Neon: https://neon.tech/?ref=wp
Clerk: https://go.clerk.com/RfgLSVm
Stream Chat API: https://getstream.io/chat/react-chat/tutorial/?utm_source=youtube&utm_medium=referral&utm_content=&utm_campaign=webprodigies
Stream Video API: https://getstream.io/video/sdk/react/tutorial/video-calling/?utm_source=youtube&utm_medium=referral&utm_content=&utm_campaign=webprodigies
Relume: https://www.relume.io/?utm_source=webprodigies
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-early-bird.php/?id=1669735
Voiceflow: https://partners.voiceflow.com/oymek28ej75a-jff38r
Wix Studio: https://www.wix.com/studio/?utm_source=webprodigies
Software to create SAAS demo videos: https://screen.studio/?aff=OXPpe
Stripe Quick Link Guide: https://webprodigies.com/product-details/product/664d1e6bf881ec6f7c5891fb/?utm_sounce=opaldescriptionstripe
8 Unlimited Lifetime spots To Prodigies University: https://webprodigies.com/?utm_sounce=opaldescriptionuimportantLinks
Cursor: https://www.cursor.com/?utm_source=webprodigies
AWS: https://aws.amazon.com/?utm_source=webprodigiesYoutubeVideoOpal

🟒 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