Comments on: ESP32/ESP8266: Firebase Data Logging Web App (Gauges, Charts, and Table)

By: Randy

Randy — Tue, 21 Oct 2025 18:51:47 +0000

In reply to Randy.

I answered my own question…
Move const firebaseConfig to separate credentials.js file, adding “export” before “const”.
Add “import { firebaseConfig } from “./credentials.js”;” to index.js file.

It’s still not secure however, as the credentials.js file is visible using the developer tools.

By: Randy

Randy — Tue, 21 Oct 2025 16:07:18 +0000

Awesome tutorial!

Could you explain how to separate the const firebaseConfig = { … }; portion of index.js to a separate file? I prefer to keep all credentials used in my projects in separate files that I can exclude from git tracking.

By: Heath

Heath — Wed, 20 Nov 2024 20:05:05 +0000

Hi,
I have run your example and it works fine but I wanted to know if there is a way to increase the time frame on the x axis. I am monitoring the temperature and I can only see it in the graphs for 10 minutes. I would like to see the data over a few hours period.

By: ecx

ecx — Tue, 02 Jul 2024 11:02:07 +0000

Hi, the esp32 is uploading the json objects to the realtime database. The html webpage is loading, however, there is no data being displayed.
Hard refreshes have been done, with no errors in the console.
No code has been changed.
Using a windows machine.
Any ideas?
Thanks

By: Henry

Henry — Mon, 13 May 2024 23:21:54 +0000

Well it is okay, as I figured out what my problem was.

By: Henry

Henry — Mon, 13 May 2024 17:56:53 +0000

Hello Sara,
A very nice project you got here though I followed every step but I keep seeing this problem on my web application that tells me to “update the version number as needed”. Where did I could I have possible gone wrong cause i can’t see any values I got from the realtime database on the web application.

By: Oldemanriver

Oldemanriver — Sat, 17 Feb 2024 16:15:09 +0000

Is there a way for several ESP32’s to connect to this one app and display readings on separate tabs? For example: a multi-zone heating/cooling in a home where the home would be the main page and each zone would be displayed/controlled from a separate tab.

By: Sara Santos

Sara Santos — Thu, 15 Feb 2024 10:31:18 +0000

In reply to Veronica Anzola.

Yes, if I can help.
Regards,
Sara

By: Veronica Anzola

Veronica Anzola — Wed, 14 Feb 2024 01:37:24 +0000

Hello, I am based on your code to make mine. Could you help me with some questions? It’s for my electronic engineering thesis.

By: Sara Santos

Sara Santos — Tue, 02 Jan 2024 10:20:44 +0000

In reply to Sourav.

Hi.
You need to go back to this tutorial to understand: https://randomnerdtutorials.com/esp32-data-logging-firebase-realtime-database/

Check the path that the board is publishing the data:https://i0.wp.com/randomnerdtutorials.com/wp-content/uploads/2021/12/Firebase-BME280-datalogging-database.png

You would have to adjust the path for each board. Something like:

Board1: UsersData/>user_uid>/board1/temperature

For board 2:
Board1: UsersData/>user_uid>/board2/temperature

And so on…

I hope this helps.

Regards,
Sara