Full Stack Image Gallery App Tutorial | React, Firebase, Firestore смотреть онлайн
In this full-stack tutorial, you'll learn how to create an impressive Image Gallery App using React, Firebase, Firestore, and Tailwind CSS. Follow along as we dive into the world of authentication, storage, and data management. Discover how to implement user authentication with Firebase Auth, leverage Firebase Storage to store images, and utilize Firestore for data storage. We'll also explore creating a beautiful user interface using Tailwind CSS with DaisyUI. Additionally, you'll master the art of protected and public routes and learn how to navigate with the latest version of React Router (v6).
??Code:
[link code]
?Source:
[Vite] https://vitejs.dev/guide
[Firebase] https://console.firebase.google.com
[Firebase Docs] https://firebase.google.com/docs
[DaisyUI] https://daisyui.com/
[Tailwind CSS] https://tailwindcss.com/
[uuid] https://www.npmjs.com/package/uuid
?Live:
https://image-pro.vercel.app/
Timestamps:
0:00 - Intro
00:07 - Demo
03:49 - Setup React with Vite
05:22 - Install and Setup Tailwind CSS & daisyUI
07:18 - Setup react-router-dom & create Pages
18:37 - Setup firebase
20:24 - Create AuthContext
31:26 - Create PublicRoute & PrivateRoute
36:14 - Signup Functionality
46:50 - Create useStorage Hooks
1:06:28 - Store Data to Firestore Database
1:13:40 - Create useFirestore Hooks
1:24:09 - Show Images in ImageGallery
1:26:35 - Done ?
??Contact Me:
https://canddev.vercel.app/
? Find Me Here:
Instagram : https://www.instagram.com/candra_kriswinarto/
GitHub: https://github.com/candraKriswinarto/
Linkedin: https://www.linkedin.com/in/candra-kriswinarto/
#programming
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Full Stack Image Gallery App Tutorial | React, Firebase, Firestore» бесплатно и без регистрации, вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.