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

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

freeCodeCamp.org via freeCodeCamp Direct link

⌨️ Login User

15 of 34

15 of 34

⌨️ Login User

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 ⌨️ Intro And Demo
  2. 2 ⌨️ React && Chakra Setup
  3. 3 ⌨️ Design Auth Page
  4. 4 ⌨️ Design Sidebar
  5. 5 ⌨️ Design Home Page
  6. 6 ⌨️ Design Profile Page
  7. 7 ⌨️ Firebase Setup
  8. 8 ⌨️ Update AuthForm.jsx
  9. 9 ⌨️ Signup With Email && Password
  10. 10 ⌨️ Logout User
  11. 11 ⌨️ Create authStore With Zustand
  12. 12 ⌨️ useAuthState Example
  13. 13 ⌨️ Create Navbar
  14. 14 ⌨️ Fixing A Possible Signup Issue
  15. 15 ⌨️ Login User
  16. 16 ⌨️ Google Authentication
  17. 17 ⌨️ Fixing A Major Google Auth Issue
  18. 18 ⌨️ Fetching Profile Header Data
  19. 19 ⌨️ Edit User Profile
  20. 20 ⌨️ Follow && Unfollow
  21. 21 ⌨️ Update Sidebar.jsx
  22. 22 ⌨️ Search For User Profiles
  23. 23 ⌨️ Suggested Users
  24. 24 ⌨️ Create Post
  25. 25 ⌨️ Fetch User Posts
  26. 26 ⌨️ Delete Post
  27. 27 ⌨️ Create Comment
  28. 28 ⌨️ Get Details of The Comment
  29. 29 ⌨️ Render Post Caption
  30. 30 ⌨️ Like And Unlike Posts
  31. 31 ⌨️ Fetch Feed Posts
  32. 32 ⌨️ Fetch All Comments
  33. 33 ⌨️ Fixes && Optimizations
  34. 34 ⌨️ Security Rules && Deployment

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.