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

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

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

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

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

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

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

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

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

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