Build a Photo Gallery With React & Firebase
Offered By: Traversy Media via YouTube
Course Description
Overview
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
Related Courses
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via MirÃadax React
Udacity