Firebase with React, v2 Firebase with React, v2

Uploading a Profile Picture

Steve Kinney
Steve Kinney
Twilio
Check out a free preview of the full Firebase with React, v2 course:
The "Uploading a Profile Picture" Lesson is part of the full, Firebase with React, v2 course featured in this preview video. Here's what you'd learn in this lesson:

Steve gives a proof of concept by uploading a new profile picture to the application, and reviews what was done to get to this point.

Get Unlimited Access Now

Transcript from the "Uploading a Profile Picture" Lesson

[00:00:00]
>> Steve Kinney: I'm willing to live code for hours in front of all y'all. I'm not willing to live Google image search. So that's a thing. So what we'll do is we're gonna take,
>> Steve Kinney: We're gonna get real meta here. We're gonna take a screenshot of the app.
>> Steve Kinney: Cool, we'll choose a file.

[00:00:21] Moment of truth here.
>> Steve Kinney: And we can change. We uploaded a file to a bucket. We replaced the photo URL in the Firestore document, right? So two things happened there, uploaded a file, saved it in a bucket, replaced the photo URL in the user profile, which is now editable.

[00:00:42] So now we have this ability to kind of bring together multiple services, which is really awesome.