Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

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

Автор: freeCodeCamp.org

Загружено: 2023-11-30

Просмотров: 186944

Описание:

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.verc...

💻 Code: https://github.com/burakorkmez/instag...
🔗 Discord Server (to ask questions) :   / discord  

Donate to the creator: https://www.buymeacoffee.com/burakork...

❤️ 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

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

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#11841 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "p0Ri2tNb-6I" ["related_video_title"]=> string(186) "Человечество навсегда ЗАПЕРТО в Солнечной системе? Астрофизик Борис Штерн раскрыл неприятную правду" ["posted_time"]=> string(21) "1 день назад" ["channelName"]=> string(23) "Глеб Соломин" } [1]=> object(stdClass)#11814 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "YPz-4feA5-E" ["related_video_title"]=> string(115) "Биньямин Нетаньяху | Кто такой премьер Израиля (English subtitles) @Max_Katz" ["posted_time"]=> string(24) "11 часов назад" ["channelName"]=> string(19) "Максим Кац" } [2]=> object(stdClass)#11839 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "u6gSSpfsoOQ" ["related_video_title"]=> string(69) "React JavaScript Framework for Beginners – Project-Based Course" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(16) "freeCodeCamp.org" } [3]=> object(stdClass)#11846 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "N6DW31S_oyI" ["related_video_title"]=> string(93) "Mega Hits 2025 🌱 The Best Of Vocal Deep House Music Mix 2025 🌱 Summer Music Mix 2025 #4" ["posted_time"]=> string(27) "5 месяцев назад" ["channelName"]=> string(11) "Helios Deep" } [4]=> object(stdClass)#11825 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "dv74OxEDPq8" ["related_video_title"]=> string(136) "Как автоматизировать анализ информации с n8n и AI: на примере анализа резюме" ["posted_time"]=> string(22) "10 дней назад" ["channelName"]=> string(28) "Liyars | n8n | AI automation" } [5]=> object(stdClass)#11843 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "bMknfKXIFA8" ["related_video_title"]=> string(70) "React Course - Beginner's Tutorial for React JavaScript Library [2022]" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(16) "freeCodeCamp.org" } [6]=> object(stdClass)#11838 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "33Ew_1AaKS4" ["related_video_title"]=> string(130) "Империя фейков. Как AI добрался до новостного видео и чему теперь верить" ["posted_time"]=> string(21) "1 день назад" ["channelName"]=> string(16) "Редакция" } [7]=> object(stdClass)#11848 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "Bvwq_S0n2pk" ["related_video_title"]=> string(47) "Full Stack React Developer Course with Appwrite" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(16) "freeCodeCamp.org" } [8]=> object(stdClass)#11824 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "cRzcnKxmIZo" ["related_video_title"]=> string(93) "Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD!" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(41) "Евгений Паромов | Front-end" } [9]=> object(stdClass)#11842 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "aEHsTVqphrY" ["related_video_title"]=> string(87) "INSTASAMKA x MONEYKEN x Александр Волков | ЧТО БЫЛО ДАЛЬШЕ?" ["posted_time"]=> string(19) "2 дня назад" ["channelName"]=> string(29) "Что было дальше?" } }
Человечество навсегда ЗАПЕРТО в Солнечной системе? Астрофизик Борис Штерн раскрыл неприятную правду

Человечество навсегда ЗАПЕРТО в Солнечной системе? Астрофизик Борис Штерн раскрыл неприятную правду

Биньямин Нетаньяху | Кто такой премьер Израиля (English subtitles) @Max_Katz

Биньямин Нетаньяху | Кто такой премьер Израиля (English subtitles) @Max_Katz

React JavaScript Framework for Beginners – Project-Based Course

React JavaScript Framework for Beginners – Project-Based Course

Mega Hits 2025 🌱 The Best Of Vocal Deep House Music Mix 2025 🌱 Summer Music Mix 2025 #4

Mega Hits 2025 🌱 The Best Of Vocal Deep House Music Mix 2025 🌱 Summer Music Mix 2025 #4

Как автоматизировать анализ информации с n8n и AI:  на примере анализа резюме

Как автоматизировать анализ информации с n8n и AI: на примере анализа резюме

React Course - Beginner's Tutorial for React JavaScript Library [2022]

React Course - Beginner's Tutorial for React JavaScript Library [2022]

Империя фейков. Как AI добрался до новостного видео и чему теперь верить

Империя фейков. Как AI добрался до новостного видео и чему теперь верить

Full Stack React Developer Course with Appwrite

Full Stack React Developer Course with Appwrite

Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD!

Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD!

INSTASAMKA x MONEYKEN x Александр Волков | ЧТО БЫЛО ДАЛЬШЕ?

INSTASAMKA x MONEYKEN x Александр Волков | ЧТО БЫЛО ДАЛЬШЕ?

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]