Traversy Media | Build a Photo Gallery With React & Firebase @TraversyMedia | Uploaded July 2020 | Updated October 2024, 1 hour ago.
Build an instagram-like photo gallery app with React & Firebase
The Net Ninja YouTube Channel:
youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg
Starter files:
github.com/iamshaunjp/firegram/tree/starter-files
Final files:
github.com/iamshaunjp/firegram/tree/final-files
π Become a Patron: Show support & get perks!
patreon.com/traversymedia
Website & Udemy Course Links:
traversymedia.com
Follow Traversy Media:
twitter.com/traversymedia
instagram.com/traversymedia
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)
Build an instagram-like photo gallery app with React & Firebase
The Net Ninja YouTube Channel:
youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg
Starter files:
github.com/iamshaunjp/firegram/tree/starter-files
Final files:
github.com/iamshaunjp/firegram/tree/final-files
π Become a Patron: Show support & get perks!
patreon.com/traversymedia
Website & Udemy Course Links:
traversymedia.com
Follow Traversy Media:
twitter.com/traversymedia
instagram.com/traversymedia
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)