via YouTube Free video
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 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
Some points apply to every course of this kind; see how we rank.
freeCodeCamp is in Tier 3: good universities, respected companies, nonprofits and well-known teachers of our institution ranking (78/100). Free full courses and certifications; practical, but not university-level depth.
This is CS50’s introduction to databases using a language called SQL. Learn how to create, read, update, and delete data with relational databases, which store data in rows and columns. Learn how to model real-world entities and relationships among them using tables with appropriate types, triggers…
Harvard University
An introduction to the intellectual enterprises of computer science and the art of programming.
Learning objectives This course picks up where Harvard University's CS50 leaves off, transitioning from web development to mobile app development with React Native, a popular open-source framework maintained by Facebook that enables cross-platform native apps using JavaScript without Java or Swift.…
Harvard University
An introduction to programming using Python, a popular language for general-purpose programming, data science, web programming, and more.
https://15445.courses.cs.cmu.edu/fall2019/ Carnegie Mellon University 15-445/645 Intro to Database Systems Fall 2019
Harvard University
This course picks up where CS50 leaves off, diving more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Django, React, and Bootstrap.
