Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Tinder Clone With NextJS, React, Supabase and Stream - With Realtime Chat and Video Calling

PedroTech via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to build a comprehensive full-stack dating application using NextJS, React, Supabase, and Stream in this intermediate to advanced tutorial. Master the implementation of user authentication, database design with PostgreSQL tables, and create essential features including user profiles, matching algorithms, and navigation components. Develop real-time chat functionality and integrate live video calling capabilities to create a complete Tinder-like experience. Follow along as you set up Supabase for backend services, implement authentication systems, design and populate database tables with fake profiles for testing, and build interactive user interfaces for profile management and match discovery. Gain hands-on experience with modern web development technologies while creating a production-ready dating platform with real-time communication features.

Syllabus

00:00:00 | Intro
00:02:00 | Setup Supabase
00:06:55 | Authentication
00:36:00 | Creating Navbar
00:36:00 | Creating Navbar
00:41:00 | PostgreSQL Tables
00:52:00 | Profile Page
01:42:00 | Fake Profiles Script
01:47:00 | Matches Page
02:34:00 | User Matched Page
02:47:00 | Realtime Chat
04:08:00 | Live Video Call

Taught by

PedroTech

Reviews

Start your review of Build a Tinder Clone With NextJS, React, Supabase and Stream - With Realtime Chat and Video Calling

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.