This is the fifth part of our React MERN Rooms Renting project. In This video we added the option for the user to upload picture to be his/her avatar photo and to update the name of the user via profile Modal. We used Firebase storage to store the users' photos and Mongodb to store the url of that image and the updated name of the user.
React.js
Material UI (MUI5)
Node.js
Firebase
Express
Mongoose
uuid
JWT tokens
Google Login
The whole videos playlist of the project:
https://www.youtube.com/watch?v=ANZNMaBODDY&list=PLufbXXGswL_pS6rdWbDO56oiZovLWE_rs
Source Code on github:
https://github.com/codelikepro22/place-to-stay/tree/part5
00:00 Introduction
01:00 Building Update Profile controller
4:00 Verifying JWT token of the user to make sure that he owns this account before allowing him to update the profile
5:55 Building Profile Modal (Dialog) Component
16:40 Handling submit request to our server and firebase
19:54 Creating new Firebase storage to store users' profile images
29:34 Hiding updating profile option from google users
30:44 Introduction to the next video
Download
0 formats
No download links available.
Reactjs User Avatar Upload and Profile Update with Mongodb, Nodejs, Firebase | NatokHD