Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Photo Gallery With React & Firebase

Traversy Media via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to create an Instagram-like photo gallery application using React and Firebase in this comprehensive tutorial. Dive into setting up the project, configuring Firebase, building an upload form, implementing Firebase storage hooks, and creating a progress bar. Explore Firestore hooks for displaying images, design an interactive modal, and enhance the user experience with animations using Framer Motion. Follow along with provided starter files and compare your work with the final code. Gain practical experience in modern web development techniques while building a fully functional photo gallery app.

Syllabus

- Brad's intro.
- Intro & setup.
- Firebase setup.
- Upload form.
- Firebase storage hook.
- Making a progress bar.
- Firestore hook & showing images.
- Creating the modal.
- Adding animations (framer motion).

Taught by

Traversy Media

Reviews

Start your review of Build a Photo Gallery With React & Firebase

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.