YoVDO

Build a Photo Gallery With React & Firebase

Offered By: Traversy Media via YouTube

Tags

React Courses Web Development Courses Firebase Courses

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 ReactJS
Microsoft 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