React Firebase Full Stack project In Hindi || Complete React Firebase Project
React Firebase Full Stack project In Hindi || Complete React Firebase Project
#webdevelopment #programming #react #project #api #firebase
Project Link :- https://react-firebase-youtube.vercel.app/
Code :- https://github.com/sumanmalakar/react-firebase-bloggig-app
In this video we will explore the React + Firebase (Firestore Database). We build a complete bloging app with React + Firebase . We ues Google Authentication for login in this project.
We will also see Google Authentication, Firestore CRUD, Firebase Collection, Firebase Methods (addDoc, getDoc, setDoc, deleteDoc, Collection, onSnapshot..) Firestore Rules, React Router Advance Concepts (dynamic route)
TIMESTAMPS
00:00:00 | Intro
00:00:22 | Project Demo
00:09:22 | Firebase Setup
00:17:40 | Firebase Confrigation (API Key)
00:23:48 | Login Page Design
00:28:47 | Adding Google Authentication
00:36:23 | Register All Routes
00:43:30 | Navbar Design
01:07:48 | Blogs Page Design
01:11:40 | Learn to use chrome developer tools
01:29:52 | Conditional rendering in Navbar
01:37:06 | Add Blog Form Design
01:45:47 | Form Input Handling
02:01:40 | Add Form data to Firebase
02:17:00 | Fetch data from Firebase
02:36:57 | Delete data from Firebase
02:43:14 | Fetch single blog from Firebase
03:12:08 | React toastify
03:23:33 | Login button with ChatGPT
►My Girlfriend :- https://amzn.to/3EvmSkD
Reach Me Out
-----------------------------------------------------------------------------------------------------------------------
Linkedin :- https://www.linkedin.com/in/suman-malakar/
Instagram :- https://www.instagram.com/suman_malakar001/
facebook :- https://www.facebook.com/sumankumar.malakar.9/
GitHub :- https://github.com/sumanmalakar
-----------------------------------------------------------------------------------------------------------------------
Product I use for coding and YouTube
-----------------------------------------------------------------------------------------------------------------------
Laptop :- https://amzn.to/45tbotk
SSD :- https://amzn.to/47NUp7c
HardDisk :- https://amzn.to/3KGSaZ9
keyboard :- https://amzn.to/3YGXIJ3
Mouse :- https://amzn.to/45uSylF
Headphone :- https://amzn.to/3KGSaZ9
Web Cam :- https://amzn.to/3QK978T
Microphone : - https://amzn.to/3KGSaZ9
-----------------------------------------------------------------------------------------------------------------------
Best Laptops for Coding
---------------------------------------------------------------------------------------------------------------
MackBook :- https://amzn.to/3YGXlOF
Hp Pavilion :- https://amzn.to/3YMAgKv
Dell Inspiron :- https://amzn.to/44gKx2T
Lenovo Yoga :- https://amzn.to/45kbkg4
ASUS Vivobook :- https://amzn.to/3QGrrzN
Acer Aspire :- https://amzn.to/3QHBAfG
---------------------------------------------------------------------------------------------------------------
Business Email: [email protected]
Personal Channel: https://www.youtube.com/channel/UCfPPYxi84Q5ByzeHdhmh-Nw
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Firebase Full Stack project In Hindi || Complete React Firebase Project», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.