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

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 @asaprogrammer_

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

⭐️ 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 Sidebar.jsx ⌨️ (5:32:55) Search For User Profiles ⌨️ (5:53:15) Suggested Users ⌨️ (6:05:25) Create Post ⌨️ (6:27:25) Fetch User Posts ⌨️ (6:40:05) Delete Post ⌨️ (6:49:15) Create Comment ⌨️ (7:02:25) Get Details of The Comment ⌨️ (7:10:25) Render Post Caption ⌨️ (7:14:05) Like And Unlike Posts ⌨️ (7:21:25) Fetch Feed Posts ⌨️ (7:42:55) Fetch All Comments ⌨️ (7:56:40) Fixes && Optimizations ⌨️ (8:03:05) Security Rules && Deployment

🎉 Thanks to our Champion and Sponsor supporters: 👾 davthecoder 👾 jedi-or-sith 👾 南宮千影 👾 Agustín Kussrow 👾 Nattira Maneerat 👾 Heather Wcislo 👾 Serhiy Kalinets 👾 Justin Hual 👾 Otis Morgan 👾 Oscar Rahnama

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news