Популярное

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

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

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

Топ запросов

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

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

Автор: freeCodeCamp.org

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

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

Описание:

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)#11979 (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" } [1]=> object(stdClass)#11952 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "MsnQ5uepIaE" ["related_video_title"]=> string(94) "Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React)" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(16) "freeCodeCamp.org" } [2]=> object(stdClass)#11977 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "B1ULvYY-0Uo" ["related_video_title"]=> string(124) "Закон сохранения энергии — величайшее заблуждение физики [Veritasium]" ["posted_time"]=> string(23) "9 часов назад" ["channelName"]=> string(10) "Vert Dider" } [3]=> object(stdClass)#11984 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "95Mkwbsk2HQ" ["related_video_title"]=> string(79) "Можно ли поменять родину так быстро? / вДудь" ["posted_time"]=> string(24) "19 часов назад" ["channelName"]=> string(10) "вДудь" } [4]=> object(stdClass)#11963 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "K1zHHW2MhbY" ["related_video_title"]=> string(197) "Китай Выходит Из Тени🐉➡️Путин Требует Выборы🗳️Константиновка На Грани⚔️Военные Сводки 19.06.2025📅📊🎖️" ["posted_time"]=> string(23) "8 часов назад" ["channelName"]=> string(27) "Военные Сводки" } [5]=> object(stdClass)#11981 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "fOkVdbNDCEM" ["related_video_title"]=> string(75) "ОН ТОЧНО ЛУЧШЕ WRANGLER, НО ЕСТЬ НЮАНС. FORD BRONCO." ["posted_time"]=> string(24) "10 часов назад" ["channelName"]=> string(8) "AcademeG" } [6]=> object(stdClass)#11976 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "8vIDZO_w7lY" ["related_video_title"]=> string(78) "Build 3 Full-Stack Web Apps That Will Land You a Dev Job (12-Hour Full Course)" ["posted_time"]=> string(22) "12 дней назад" ["channelName"]=> string(18) "JavaScript Mastery" } [7]=> object(stdClass)#11986 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "3rsFNEXxzo4" ["related_video_title"]=> string(136) "Ноутбук за ПОЛМИЛЛИОНА добили в сервисе на три буквы. Воскрешение MSI Raider GE76" ["posted_time"]=> string(21) "6 дней назад" ["channelName"]=> string(9) "PC-Expert" } [8]=> object(stdClass)#11962 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "zycRpArjzT8" ["related_video_title"]=> string(103) "Возможно ли Пройти НОВЫЙ Самый Сложный Мод в Майнкрафте?" ["posted_time"]=> string(21) "5 дней назад" ["channelName"]=> string(29) "Mud Flaps На Русском" } [9]=> object(stdClass)#11980 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "ieTBuRBrYkU" ["related_video_title"]=> string(171) "Две недели до конца света? Иран (Фордо) ждёт удара / Трамп ждёт одобрения Путина / №964/ Юрий Швец" ["posted_time"]=> string(21) "3 часа назад" ["channelName"]=> string(54) "Юрий Швец -- официальный канал" } }
Копия Miro с нуля на React в 2025 + Архитектура front-end БЕЗ FSD!

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

Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React)

Frontend Web Development: In-Depth Project Tutorial (HTML, CSS, JavaScript, TypeScript, React)

Закон сохранения энергии — величайшее заблуждение физики [Veritasium]

Закон сохранения энергии — величайшее заблуждение физики [Veritasium]

Можно ли поменять родину так быстро? / вДудь

Можно ли поменять родину так быстро? / вДудь

Китай Выходит Из Тени🐉➡️Путин Требует Выборы🗳️Константиновка На Грани⚔️Военные Сводки 19.06.2025📅📊🎖️

Китай Выходит Из Тени🐉➡️Путин Требует Выборы🗳️Константиновка На Грани⚔️Военные Сводки 19.06.2025📅📊🎖️

ОН ТОЧНО ЛУЧШЕ WRANGLER, НО ЕСТЬ НЮАНС. FORD BRONCO.

ОН ТОЧНО ЛУЧШЕ WRANGLER, НО ЕСТЬ НЮАНС. FORD BRONCO.

Build 3 Full-Stack Web Apps That Will Land You a Dev Job (12-Hour Full Course)

Build 3 Full-Stack Web Apps That Will Land You a Dev Job (12-Hour Full Course)

Ноутбук за ПОЛМИЛЛИОНА добили в сервисе на три буквы. Воскрешение MSI Raider GE76

Ноутбук за ПОЛМИЛЛИОНА добили в сервисе на три буквы. Воскрешение MSI Raider GE76

Возможно ли Пройти НОВЫЙ Самый Сложный Мод в Майнкрафте?

Возможно ли Пройти НОВЫЙ Самый Сложный Мод в Майнкрафте?

Две недели до конца света? Иран (Фордо) ждёт удара / Трамп ждёт одобрения Путина / №964/ Юрий Швец

Две недели до конца света? Иран (Фордо) ждёт удара / Трамп ждёт одобрения Путина / №964/ Юрий Швец

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



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



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