Build and Deploy an Instagram Clone with React and Firebase – Tutorial

From the creator

Learn how to use React and Firebase to create an instagram clone from scratch. You'll explore the powerful combination of React for front-end development and Firebase for back-end services, learning to create an Instagram-like platform with features such as user authentication, profile customization, post creation, real-time interactions and more. Course developed by @codesistency Demo: https://social-app-asaprogrammer.vercel.app/ 💻 Code: https://github.com/burakorkmez/instagram-clone 🔗 Discord Server (to ask questions) : https://discord.gg/YFn2WyheZV Donate to the creator: https://www.buymeacoffee.com/burakorkmezz ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro And Demo ⌨️ (0:06:35) React && Chakra Setup ⌨️ (0:19:45) Design Auth Page ⌨️ (0:44:55) Design Sidebar ⌨️ (1:08:15) Design Home Page ⌨️ (1:55:00) Design Profile Page ⌨️ (2:46:55) Firebase Setup ⌨️ (2:57:07) Update AuthForm.jsx ⌨️ (3:07:20) Signup With Email && Password ⌨️ (3:25:05) Logout User ⌨️ (3:30:25) Create authStore With Zustand ⌨️ (3:40:15) useAuthState Example ⌨️ (3:43:45) Create Navbar ⌨️ (3:50:15) Fixing A Possible Signup Issue ⌨️ (3:55:55) Login User ⌨️ (4:06:45) Google Authentication ⌨️ (4:15:08) Fixing A Major Google Auth Issue ⌨️ (4:18:08) Fetching Profile Header Data ⌨️ (4:38:41) Edit User Profile ⌨️ (5:11:15) Follow && Unfollow ⌨️ (5:27:15) Update Side

Published 2023-11-30 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.