Build a Photo Gallery With React & Firebase - Best Webhosting

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Build a Photo Gallery With React & Firebase

Watch Web Development Traversy Media Video: Build a Photo Gallery With React & Firebase.
Build an instagram-like photo gallery app with React & Firebase

The Net Ninja YouTube Channel:
https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg

Starter files:
https://github.com/iamshaunjp/firegram/tree/starter-files

Final files:
https://github.com/iamshaunjp/firegram/tree/final-files

• Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia

Website & Udemy Course Links:
https://www.traversymedia.com

Follow Traversy Media:
https://www.twitter.com/traversymedia
https://www.instagram.com/traversymedia
https://www.facebook.com/traversymedia

Timestamps:
0:00 - Brad's intro
1:07 - Intro & setup
6:13 - Firebase setup
13:56 - Upload form
24:13 - Firebase storage hook
34:14 - Making a progress bar
48:07 - Firestore hook & showing images
01:02:23 - Creating the modal
01:11:35 - Adding animations (framer motion)

Published:
Category: Web Development Traversy Media
68 Views

Related Videos

  • Curso de React y Firebase desde Cero - 4. Create React App

    Curso de React y Firebase desde Cero - 4. Create React App

    by Best Webhosting Added 33 Views / 0 Likes

    Este video es solamente una demostración de mi curso de React y Firebase desde Cero, el cual se encuentra publicado en Udemy. • Puedes inscribirte al curso desde este enlace: https://bit.ly/3oVnq9L • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?

  • Curso de React y Firebase desde Cero - 5. JSX

    Curso de React y Firebase desde Cero - 5. JSX

    by Best Webhosting Added 26 Views / 0 Likes

    Este video es solamente una demostración de mi curso de React y Firebase desde Cero, el cual se encuentra publicado en Udemy. • Puedes inscribirte al curso desde este enlace: https://bit.ly/3oVnq9L • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?

  • Curso de React y Firebase desde Cero - 6. Condicionales en JSX

    Curso de React y Firebase desde Cero - 6. Condicionales en JSX

    by Best Webhosting Added 24 Views / 0 Likes

    Este video es solamente una demostración de mi curso de React y Firebase desde Cero, el cual se encuentra publicado en Udemy. • Puedes inscribirte al curso desde este enlace: https://bit.ly/3oVnq9L • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?

  • Curso de React y Firebase: Completo, Práctico y desde Cero

    Curso de React y Firebase: Completo, Práctico y desde Cero

    by Best Webhosting Added 25 Views / 0 Likes

    Promoción de lanzamiento! Inscríbete por solo 13.00 dólares: • https://www.udemy.com/course/react-desde-cero/?couponCode=REACT_90 (• valido para los primeros 5 días del curso) En este curso aprenderás React desde lo mas básico y paso por paso hasta un nivel avanzado donde podrás crear sitios y aplicaciones web reales. En este curso aprenderás: • A programar en React desde cero y paso a paso. • A trabajar con JSX para hacer interfaces de usuario dinámi

  • Nueva versión de Firebase - Guía Completa de Instalación (React)

    Nueva versión de Firebase - Guía Completa de Instalación (React)

    by Best Webhosting Added 20 Views / 0 Likes

    En este video vamos a ver como instalar Firebase en su versión #9. También vamos a ver un ejemplo de como utilizar firestore. 🚀 Blog de Diseño Web: http://www.falconmasters.com ✔️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 ✔️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?referralCode=20FBD375A7BA9350A16A ✔️ Curso Completo de PHP y MYSQL: http

  • Curso de React y Firebase desde Cero - 2. Herramientas que vamos a usar.

    Curso de React y Firebase desde Cero - 2. Herramientas que vamos a usar.

    by Best Webhosting Added 24 Views / 0 Likes

    Este video es solamente una demostración de mi curso de React y Firebase desde Cero, el cual se encuentra publicado en Udemy. • Puedes inscribirte al curso desde este enlace: https://bit.ly/3oVnq9L • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?

  • Curso de React y Firebase desde Cero - 3. Creando nuestra primera App

    Curso de React y Firebase desde Cero - 3. Creando nuestra primera App

    by Best Webhosting Added 23 Views / 0 Likes

    Este video es solamente una demostración de mi curso de React y Firebase desde Cero, el cual se encuentra publicado en Udemy. • Puedes inscribirte al curso desde este enlace: https://bit.ly/3oVnq9L • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?

  • Popular How to Add a Photo Gallery to WordPress

    How to Add a Photo Gallery to WordPress

    by Best Webhosting Added 107 Views / 0 Likes

    Learn how to add a photo gallery to your WordPress website, using the gallery shortcode and files from your media library. Then you'll see how to add the "lightbox" modal window effect using a cool jQuery add-on, Fancybox (link below). http://fancyapps.com/fancybox/3/ I like to resize all photos before uploading using Adobe Photoshop's image processor. Here are a few free, online options: https://www.photoresizer.com/ https://www.befunky.com/features/

  • Popular Awesome Photo Gallery In Wordpress

    Awesome Photo Gallery In Wordpress

    by Best Webhosting Added 105 Views / 0 Likes

    www.tyler.com Learn how to make an awesome photo gallery in wordpress. Learn how to upload, resize, create thumbnails and more in the nextgen gallery.

  • How to Use Weebly Photo Gallery Element

    How to Use Weebly Photo Gallery Element

    by Best Webhosting Added 95 Views / 0 Likes

    Expert Weebly Review - http://www.websitebuilderexpert.com/weebly-review/ The Weebly Photo Gallery element is simple to use, and this video will take you step-by-step how to set up the element. Using this Weebly multimedia element is one of the fastest way to make your website more interactive and to improve its design. To get a good understanding of the pros and cons of using Weebly to build your website, visit http://www.websitebuilderexpert.com/wee

  • Popular Which is the Best WordPress Photo Gallery Plugin

    Which is the Best WordPress Photo Gallery Plugin

    by Best Webhosting Added 102 Views / 0 Likes

    Are you looking for a WordPress photo gallery plugin for your site? We went through the three top photo gallery plugins. In this video we will show you which is the best WordPress photo gallery plugin. If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos. Text version of this tutorial: http://www.wpbeginner.com/best-wordpress-photo-gallery-plugins/ Check us out on Facebook: https://www.facebook.co

  • Photo Gallery Moto CMS Templates

    Photo Gallery Moto CMS Templates

    by Best Webhosting Added 83 Views / 0 Likes

    Launch FREE 14-Days Trial for All MotoCMS Templates! View More: http://www.templatemonster.com/category/design-photography-moto-cms-30-templates/?pr=50243?utm_source=youtube&utm_medium=topmoto&utm_campaign=photogal Subscribe Our Channel: http://goo.gl/zjoR8Z Follow us: Facebook http://goo.gl/3yXKEu Twitter http://goo.gl/NR5fDK LinkedIn http://goo.gl/qDZeEO Dribbble http://goo.gl/UwqX48 Pinterest http://goo.gl/Tp8Je5

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS