React Firebase App Complete Tutorial - Upload and Download Images From Firestore

[@jonathanclark6489]

super dense, im watching for the 6th time now; incredible info, thank you!

[@danielschmidt8677]

Thank's a lot this helped me so much, is it possible with some modifications to upload multiple images in once?

[@tolulopemalomo8922]

Please I need help. The map function in Home component is not rendering the Album Links. No errors are shown and the code looks fine. And when I make changes to the Home component, it shows up and then disappears again.

[@oscar4238]

Hi, Maksim, I did exactly the same steps (except yarn, I did npm install --save firebase) and get this error in base.js: Unexpected character '�'. (1:0) This error appeared for the first time when I added the import { app } from "./base" in App.js I have no idea about why this is happening, do you? Thank you very much!

[@mohamadnagiebrahim]

How are you able to start a firebase project from inside your terminal ??

[@att_show]

Awesome content my friend.. but this has to be like the 3rd time you haven't actually addressed downloads lol.. Can we please have a DL tutorial!?

[@NixronBarrak]

I keep getting this error, and cant find anything about it. vscode says everything is compiled fine though. TypeError: _Base__WEBPACK_IMPORTED_MODULE_1__.app.firestore is not a function Module../src/NewIssueForm.js F:/Web Projects/react-workspace/maddi/src/NewIssueForm.js:4 1 | import React, { useState } from 'react'; 2 | import {app} from './Base'; 3 | > 4 | const db = app.firestore(); 5 | 6 | 7 | export const NewIssueForm = () => {

[@galihridhoutomo]

same problem

[@fleminlouis6861]

How upload and show multiple images same time ? Nobody has done this video.

[@prabeshregmi3372]

I'm stuck for more than 2 months now, trying to uoload multiple images at once in firestore😣

[@errinwright]

@@prabeshregmi3372 I would like to find out out to do this too, have you figured it out @Prabesh Regmi?

[@vincentdufour613]

Could you make a video on "Downloading images (sometimes more than 1mb) from firebase storage through a cloud functions api" please. That is rather hard to implement.

[@luisbrazilva]

I wish you were just a bit slower. You made so many cuts in the video that your code shows for a fraction of a second before you scroll away. But other than that, awesome work!

[@jaggyjut]

What if we have a form with multiple fields + image upload. How can we push the form data to firebase document which also has the link of the image stored in google storage.

[@HolmesPatrick]

May you show how to upload a very large more than 6 gb to firebase storage , download the url in firestore and play in react player , for uploading large files it gives awsnap error in chrome , while trying to attach file in dropzone and download of url in react player does not play video , your help would be very much kind

[@code3144]

what vscode theme are you using ? font?

[@shehabanwer1159]

what if i have a set of albums ( for me they store documents ), i have an upload form using react hook form, i want to display each album on a page. Can I get the documents directly from firebase storage.

[@dasithatharinda8503]

super

[@ThomasWSmith-wm5xn]

I would have loved to see some debugging + what it looks like on firestores side edited: wait... so no actual download? Just viewing client side. yeeeeeessh

[@kailashraizelmaden4684]

need for the code to download also bro!!!

[@joshuacharley1431]

can u add delete of album

[@janwarboltehai2]

You are best bro

[@vidumini23]

Hi.. I need sample video for "query data monthly in firestore using node". If you have any other suggestion reference or recommendation it will be so grateful Thank you.

[@satansdeer1]

hi, why would you query it monthly, if you treat firestore as the main source of truth - you can just fetch it whenever the user needs to. Could you clarify the use case

[@vidumini23]

@@satansdeer1 Hi.. This for taxi company like Uber. db collection name is "salary". when the user had a ride, his commission will be saved under salary collection --> salaryID --> username, createdAt, commissionValue. One driver has more rides per day and there are more documents in the table including createdAt time. I need to fetch the total salary commission value in the end of the each month and reset the value to the initial value in the beginning of next month. This is my final year project. Thank you in advance.

[@satansdeer1]

You don't need to fetch it every month, you can store all the records. And when you need to get the data for specific month - just filter the records by month and calculate the salary for that month

[@vidumini23]

@@satansdeer1 Ok Maksim.. Thank you soo much for the advice. I will make that. Thank you again 💕

[@galihridhoutomo]

@@satansdeer1 Can I upload documents?

[@galihridhoutomo]

can I upload documents?

[@errinwright]

I think i didnt use this becauase it was not part of a multi field form

[@jonathanclark6489]

I ran into problem, where I clicked on each album, and the URL would change but a blank component would be rendered with no errors... so i wrapped a around the , (in his app.js) and import this, and it worked --- import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom"; - best

[@АлександрШатохин-н7г]

Максим, отлично получается. Очень хотелось бы чтобы ты осветил тему взаимодействия React Redux и Firestore, может быть на примере каких-то простейших Crud операций

[@salmankazi5308]

who keeps the name same for app.js and firebase file!!!!!!!!!!!!??????????????