I'm Sonny. ๐ฏ
You might also know me as PAPA React!
I've been coding for over 10 years now. As a Full Stack developer I've worked both with startups and large corporations to help build & scale their companies. Along the journey I realised my passion existed in helping others excel and pursue their dreams as upcoming developers and if thatโs not enough I have cloned most of the applications you have used in your life! ๐
๐จ Join the worldโs BEST developer community โZero to Full Stack Heroโ NOW:
www.papareact.com/course
Sonny Sangha
๐ด Lets build a Telegram 2.0 Clone with Next.js! (Video Calling, Group & 1-1 Chat, Stream, Clerk, TS)
Join me as I show you how to build a Telegram-like App from scratch with Next.js - This comprehensive tutorial walks you through everything you need to build a fully functional web app with video calling, group chat and 1-1 chat features!
๐ฏ What You'll Learn:
๐ ๏ธ Modern Tech Stack Mastery:
Next.js 15 - App Router, server actions, and TypeScript
Convex - Real-time database with reactive queries and mutations
Clerk - Authentication with user management and session handling
Stream Chat & Video - Professional chat UI and video calling infrastructure
TailwindCSS - Modern responsive design and component styling
๐ป Core Features You'll Build:
User Authentication - Sign up, sign in, and user profile management
Real-time Messaging - Instant chat with message persistence and history
Group Chats - Create and manage group conversations with multiple users
HD Video Calls - One-click video calling with Screen sharing capabilities
User Search - Find and connect with other users across the platform
Responsive Design - Mobile-first UI that works perfectly on all devices
๐ง Advanced Development Concepts:
Real-time Data Sync - Learn reactive programming with Convex subscriptions
Authentication Flow - Implement secure user sessions and route protection
Client-Server Architecture - Understand modern full-stack patterns
Token-based Security - Generate and validate secure tokens for video calls
Database Design - Schema design for chat applications with optimal indexing
State Management - Handle complex UI states in a messaging app
๐ Production-Ready Skills
Deployment - Deploy to Vercel with environment configuration
Performance - Optimize for real-time applications and large user bases
Error Handling - Implement robust error boundaries and user feedback
Security - Follow best practices for authentication and data protection
โ Perfect for developers who want to:
Master modern React/Next.js development
Learn real-time application architecture
Build production-ready messaging applications
Understand professional chat and video infrastructure
Create portfolio-worthy full-stack projects
Prerequisites: Basic React knowledge helpful but not required - we'll guide you through everything step by step!
Set your reminder here and I'll see you soon PAPAFAM! ๐
12 hours ago | [YT] | 26
View 0 replies
Sonny Sangha
I Just Released a 14 Hour React Native Crash Course! ๐ฅ
Join me as I build 4 React Native Apps using Expo, AI, Tailwind CSS, & Much More:
1๏ธโฃ AI WORKOUT TRACKER APP that can help you track your workouts with a live timer, give you AI-powered exercise guidance and tips, and log all the analytics to track your fitness journey with detailed statistics!
2๏ธโฃ ZOOM-LIKE VIDEO CALLING APP with Real-time Seamless Audio and Video calling Functionality & a Join Room feature that can support more than 100k Participants!
3๏ธโฃ UPS-LIKE DELIVERY APP where you can pull all the customer info, order info, search through any records and Iโll show you how you can turn a chunky JSON data into a beautiful delivery app!
4๏ธโฃ And finally, a FITNESS APP WITH IN-APP SUBSCRIPTIONS where we will implement Monthly & Annual in-app Subscriptions with localised pricing, restore purchases feature & full fledged Feature gating!
Watch the Crash Course here! ๐
1 week ago | [YT] | 134
View 5 replies
Sonny Sangha
Join me as I show you how to build an AI Workout Tracker with React Native. We will also implement Sanity CMS, Clerk, Expo, Nativewind, OpenAI & much more amazing tech!
๐ฏ What You'll Learn:
๐ฑ Mobile Development with React Native & Expo
- Cross-platform mobile app development for iOS and Android
- Real-time workout tracking with live timers
- Touch-optimized interface design for mobile devices
- TypeScript for type safety and better development experience
- State management with Zustand for efficient data handling
๐๏ธ Content Management with Sanity CMS
- Flexible exercise database with images and descriptions
- Rich content editor for exercise instructions
- Media uploads and optimization for demonstration videos
- Custom schemas for fitness content
- Headless CMS for flexible content management
๐ช Fitness Tracking Features
- Smart workout tracking with set and rep logging
- Built-in stopwatch for accurate workout duration tracking
- Progress analytics to track fitness journey with detailed statistics
- Comprehensive exercise library with instructions
- Unit flexibility to switch between kg and lbs for weight tracking
๐ค AI Integration & Guidance
- Personalized exercise instructions powered by OpenAI
- AI-powered exercise guidance and tips
- Intelligent workout recommendations
- Real-time AI assistance during workouts
๐ Authentication & User Management
- Secure authentication with Clerk
- Google OAuth integration
- Protected user data and workout history
- User profile management
๐จ Modern UI/UX Design
- Beautiful interface with NativeWind/Tailwind CSS
- Intuitive tab-based navigation with workout flow
- Consistent design with unified color scheme and typography
- Smooth animations with fluid transitions and micro-interactions
- Loading states with clear feedback during data operations
- Screen reader support and accessible components
๐ Professional Mobile Features
- Responsive design optimized for all screen sizes
- Mobile-first design approach
- Cross-platform compatibility
- Real-time progress tracking and analytics
Set your reminder here and I'll see you soon PAPAFAM! ๐
2 months ago | [YT] | 46
View 1 reply
Sonny Sangha
Our 19 Hour AI Agent Crash Course is now OUT! ๐
Join me as I build 4 AI Agentic Apps using Next.js 15, ReactJS, Tailwind CSS, TypeScript, & More:
1๏ธโฃ RECEIPT TRACKER APP that stores any uploaded receipt, extracts all important data using AI Agentic workflows, and displays the receiptโs key details along with a AI Summary!
2๏ธโฃ REDDIT 2.0 CLONE featuring an AI Moderation Bot powered by AI Agents to detect profanity & sensitive information in posts and commentsโฆ and automatically redact it with auto AI moderation!
3๏ธโฃ AI AGENT CHAT APP that leverages Agentic tools from IBMโs Wxflows to retrieve YouTube video transcripts, search through Google Books for book info and summaries, and much more to answer any of your Questions!
4๏ธโฃ AI AGENTIC SAAS APP that uses AI Agents to generate titles, thumbnails, shooting scripts, transcripts, and more from any uploaded video. A perfect SaaS App for deploying and generating recurring revenue today!
Watch the Crash Course Here! ๐
2 months ago | [YT] | 73
View 0 replies
Sonny Sangha
I Retired My Mum With a Trip to JAPAN! ๐ฏ๐ต
Set your Reminders Now - Vlog #12 will be LIVE at 6pm GST Today!
Itโs finally here โ the most unforgettable trip of my life. โ๏ธ
This one means the world to meโฆ because I officially retired my mum and took her on the dream vacation sheโs always deserved โ to Japan! ๐
This vlog is packed with heartfelt moments and unforgettable adventures. From the neon-lit streets of Tokyo to the tranquil temples of Kyoto, we explored it all โ together.
We:
โข Wrestled a sumo wrestlerโฆ and won ๐ช๐ฝ๐
โข Wandered through vibrant local markets ๐ฑ
โข Indulged in Japanโs world-famous cuisine & Wagyu Beef! ๐
โข Took part in a traditional tea ceremony ๐ต
โข Experienced a samurai training session โ๏ธ
โข Sang our hearts out at karaoke for my Mums Birthday ๐ค
โข Visited historic shrines and soaked in the culture โฉ
โข Went on a breathtaking road trip to Mount Fuji ๐
โข Had a blast at Universal Studios Japan, including Super Nintendo World ๐ข๐ฎ
โข Sped across the country on the Shinkansen bullet train ๐
โข Fireworks at Konansou rooftop onsen, w/ Mount Fuji views over Lake Kawaguchiko ๐๐ป
โข Played with & fed the deer's in Nara Park ๐ฆ๐
โข Fed wild monkeys at Arashiyama Monkey Park in Kyoto ๐๐
โข Spoilt my mum on her birthday at the breathtaking teamLab Borderless in Tokyo ๐๐๐ผ๏ธ
โข And soaked in the nightlife of Osakaโs Dotonbori ๐๐ค
โข Plus so much more!!! ๐
This wasnโt just a trip โ it was a celebration of family, freedom, and a major life milestone. Retiring my mum and giving her the dream vacation she truly deserved was everything.
Join us as we explore Tokyo, Kyoto, Osaka, Nara, and beyond โ with travel tips, hidden gems, food spots, and pure joy along the way.
The ultimate Japan travel vlog โ letโs go! ๐ฏ๐ต
2 months ago | [YT] | 16
View 0 replies
Sonny Sangha
Join me as I show you how to build a Linktree SaaS with Next.js 15. Learn the latest tech such as Next.js 15, Tinybird for Analytics, Clerk Billing, Docker, Tailwind CSS, TypeScript & much more!
๐ฏ What You'll Learn:
- Server Components & Server Actions with Next.js 15
- Authentication with Clerk
- Payment Processing with Clerk Billing
- Real-time Database with Convex
- Analytics Tracking with Tinybird integration
- Modern UI with Tailwind CSS and Radix UI
- Responsive Design across all devices
- Real-time Updates with Convex subscriptions
- Protected Routes and secure data handling
- Turbopack for lightning-fast development
- Clean, Linktree-inspired Interface
- Consistent Design System using Shadcn & Radix UI components
- Drag & Drop Interactions with beautiful animations
- Micro-interactions for better engagement
- Intuitive Navigation and user experience
- Theme Support with next-themes
- Seamless Checkout Experience with Clerk Billing
Set your reminder here and I'll see you soon PAPAFAM! ๐
3 months ago | [YT] | 23
View 0 replies
Sonny Sangha
Join me as I show you how to build Patreon 2.0 Clone with Subscriptions and CMS. Learn the latest tech such as Next.js 15, Sanity CMS, Clerk, Schematic, Stripe, Tailwind CSS, TypeScript & much more!
๐ Full-Stack Development with Next.js 15
- Server Components & Server Actions for optimal performance
- Modern app router architecture
- TypeScript for type safety and better development experience
- Turbopack for lightning-fast development
๐๏ธ Content Management with Sanity CMS
- Flexible post and content management
- Rich text editor for creator content
- Media uploads and optimization
- Custom schemas for membership platform content
- Real-time content updates
๐ฐ Membership & Subscription Features
- Complete tier-based subscription system
- Premium content access controls
- Creator profiles with customizable details
- Membership management dashboard
- Payment processing with Schematic
๐ฌ User Interaction System
- Direct messaging to creator for vip subscribers
- Comment system for post engagement
- Subscription management for users
- Content access based on subscription tier
๐ Authentication & User Management
- Secure authentication with Clerk
- Protected routes and premium content
๐จ Modern UI/UX
- Responsive design with Tailwind CSS
- Beautiful components with Radix UI
- Clean, Patreon-inspired interface
- Loading states and skeletons
- Time-ago timestamps for posts
- Micro-interactions for better engagement
๐ Professional Features
- Full authenticated admin dashboard for creators
- Seamless subscription management
- Mobile-optimized browsing experience
Set your reminder here and I'll see you soon PAPAFAM! ๐
3 months ago | [YT] | 26
View 1 reply
Sonny Sangha
Join me as I show you how to build a Reddit 2.0 Clone from scratch with AI Moderation. Learn the latest tech such as Next.js 15, Sanity CMS, Clerk, AI Agents, Tailwind CSS, TypeScript & much more!
๐ฏ What You'll Learn:
๐ Full-Stack Development with Next.js 15
- Server Components & Server Actions for optimal performance
- Modern app router architecture
- TypeScript for type safety and better development experience
- Turbopack for lightning-fast development
๐ Content Management with Sanity CMS
- Flexible post, comment, and community management
- Rich text editor for post content
- Media uploads and optimization
- Custom schemas for social platform content
- Real-time content updates
๐ Advanced Social Platform Features
- Complete voting system for posts and comments
- Community/subreddit creation and management
- Post and comment threading with nested replies
- User profiles with activity history
- Real-time updates for engagement metrics
๐ AI-Powered Moderation
- Vercel AI SDK integration
- OpenAI integration for content moderation
- Build your first AI Agent!
- Automated inappropriate content detection
- Smart censoring of prohibited content
- User reporting system via tool calling
- Context-aware moderation decisions
๐ Authentication & User Management
- Secure authentication with Clerk
- Protected routes and content
๐ Modern UI/UX
- Responsive design with Tailwind CSS
- Beautiful components with Radix UI
- Custom animations and transitions
- Loading states and skeletons
- Intuitive search functionality
- Time-ago timestamps for posts and comments
๐ Professional Features
- Community search across all communities
- Reporting system for inappropriate content
- Mobile-optimized browsing experience
Set your reminder here and I'll see you soon PAPAFAM! ๐
4 months ago (edited) | [YT] | 28
View 0 replies
Sonny Sangha
Join me as I show you how to build a Receipt Tracker SaaS App from scratch with Multiple AI Agents. Learn the latest tech such as Next.js 15, Inngest, Schematic, Stripe, Clerk, Tailwind CSS, TypeScript & much more!
๐ฏ What You'll Learn:
๐ Full-Stack Development with Next.js 15
- Server Components & Server Actions for secure file handling and uploading
- Modern app router architecture with optimized routing
- TypeScript for type-safe application development
๐ SaaS Application Architecture
- Feature flag implementation with Schematic HQ
- Subscription-based access to premium features
- Usage-based pricing model
- User entitlements and permission management
๐ AI-Powered Receipt Processing
- Document OCR with AI integration
- Intelligent receipt data extraction
- Expense categorization with the power of AI Agents
๐ Authentication & User Management
- Secure authentication with Clerk
- User profiles and upload history
- Protected routes and premium features
๐ Advanced File Handling
- Drag-and-drop file uploads with DND Kit
- Multi-file processing capabilities
- Secure file storage and retrieval
๐ Modern UI/UX
- Responsive design with Tailwind CSS
- Beautiful components with Shadcn UI
- Interactive feedback during file processing
- Upload animations and transitions
- Comprehensive error handling with user feedback
๐ SaaS Monetization & Business Model
- Tiered subscription plans implementation
- Feature-gated functionality
- Usage quotas and limits
- Upgrade paths and user conversion
Set your reminder here and I'll see you soon PAPAFAM! ๐
5 months ago | [YT] | 25
View 0 replies
Sonny Sangha
โ๏ธ Your ULTIMATE Full Stack 2025 Developer Masterclass will be LIVE at 3pm GST Today.
Set your Reminders for the Masterclass Now by clicking the video below!
๐ Your Agenda for Today
1๏ธโฃ How to Leverage AI & AI Agents Save your Developer Career!
- AI will not take your jobโฆ BUT the developers who leverage AI will. Iโll share the tactics to make sure youโre not left behind!
2๏ธโฃ Step-by-Step Guide to Launching / Marketing Your Own SaaS App
- I'll teach you how to launch a SaaS app from scratch that can start generating revenue.
3๏ธโฃ Your ULTIMATE Full Stack Developer Roadmap for 2025 & Beyond!
- Presenting a comprehensive roadmap to excel as a Full Stack Developer in 2025 and beyond.
4๏ธโฃ Tons of Free Goodies, Surprise Reveals, Winner Announcements, and More!
- Stay tuned for exciting giveaways, surprise reveals, and winner announcements for the Challenge!
5๏ธโฃ Stick Around for the Full AI Agent SaaS App Source Code!
- Stay till the end to get access to the Complete Source Code of the AI Agent SaaS App that we built in this 5-Day Challenge.
6๏ธโฃ Opening the Doors to Zero to Full Stack Hero 2.0!
- Announcing the launch of the new Zero to Full Stack Hero 2.0 with TONNES of next-gen upgrades, modules & more!
Make sure to show up and attend your Free Ultimate 2025 Full Stack Developer Training & claim tons of free goodies, prizes and much more! ๐
I'll see you soon. LFG PAPAFAM! โ๏ธ
6 months ago | [YT] | 9
View 0 replies
Load more