React JS | Firebase Storage - How to upload profile picture using Firebase Storage in 9 minutes

Firebase Authentication - • React JS | Firebase - ...
Firebase Realtime Database - • React JS | Firebase - ...
Social Media:
🌐Website: jaycrisostomo.com/
🐦Twitter: / notahac87241608
📚 GitHub: github.com/jayisback11
📚 GitHub Code Source:
github.com/jayisback11/fireba...
Discord Server:
🖥️ / discord
Buying me a coffee are appreciated but not necessary.
☕ Buy me a coffee: www.buymeacoffee.com/notahacker

[@shawnmichaelalberto7519]

I loved how you explained everything fast and clearly at the same time. You just earned a new subscriber

[@abeechr]

Thank you! Keep them coming.

[@mrodrigozc]

That was amazing bro, you saved me, thanks.

[@TuanPham-vn8uc]

very simple, you saved me, thanks !

[@DNEZZA]

Oh thank You for this tutorial, I was two days knocking My head to do this mecanic.

[@notahacker30]

Glad it helped

[@EugeneVe]

Its not profile picture its just upload image, but how did it in scope of Firebase Authorization?

[@ezeonyemaechi1304]

Thank you very much you have saved a life

[@phillipsegura1869]

How do you tie storage bucket to user so when you have multiple users they don't call the wrong photo

[@russellbanares5324]

Can you do a tutorial on how to upload multiple images man? And display it to ui, thank you very much.

[@champi.around]

Thanks bud

[@thaianramalho267]

thank you bro

[@3-ms9qh]

hi beautifull..do you know how to allow a user to post once on a base in real time..for every uid published on that base..thanks.🙄

[@nokutendamanombe2530]

thanks a bunch

[@shivendrasingh3069]

i am getting cors error how to solve it?

[@Human_Evolution-]

Ok I got everything to work exactly like the video. However I want to make an image gallery, what extra steps need to be taken to display multiple images?

[@Human_Evolution-]

Update. I have the image gallery working. With DELETE!

[@xMarcakizen]

Hello, very good video! Thanks for the guidance. On my webapplication when I reload the page, the image disappears. Does that happens for you to?

[@notahacker30]

Hi xMarcakizez, the image should not disappear since it will use the image from the database. Please check your code again.

[@jayconjudemadrid8987]

Hello sir good day, do you have an example uploading multiple images react to firebase sir?

[@notahacker30]

Hi Jaycon! At the moment, I don't, but if you want to upload images all you have to do is change the directory. That will create another folder and inside that folder will be the image. Everytime you upload a picture, it will have its own folder.

[@ashfaqmohammed7558]

Thank you

[@notahacker30]

No problem!

[@alexshel8578]

it lost after reload page((

[@meteanddesign]

Solved how to create specific folders for each user
const imageRef = ref(storage, `/images/${currentUser.displayName}/` + image.name)

[@Human_Evolution-]

On the first console.log mine says cannot display 0 of undefined. :(

[@notahacker30]

Please double check your code. It's very difficult to help you without seeing your code. Also, refer to my repo.

[@Human_Evolution-]

@@notahacker30 a friend of mine jumped on zoom and noticed that I did not put a s at the end of 'file' lol :( so I am halfway through the video now I will finish the other half soon hopefully it goes well thanks for replying.

[@loxplosion95]

could you do a profile picture only if logged in? please

[@notahacker30]

Yes, that is possible. You will have to use the login method from firebase, and once logged in show the picture.
This tutorial is very simple, but it will help you get to that point.
Please let me know if you have any questions.

[@loxplosion95]

@@notahacker30 ok

[@loxplosion95]

@@notahacker30 thanks!

[@pavangonahal8920]

very Helpful and try to upload messenger app little bit fast, If possible

[@notahacker30]

Yes, I will be uploading it sometime next week.

[@Human_Evolution-]

Is there a repo for this?

[@notahacker30]

Yes, its down in the description.

[@aleflxr]

Super useful

[@notahacker30]

Thank you!