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