Skip to content

A web app that lively plots data from a Firebase Realtime Database node, thanks to plotly.js

Notifications You must be signed in to change notification settings

olivierlourme/esp8266webapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 

Repository files navigation

esp8266webapp

Image of example plot

Description

esp8266webapp is a web app that lively plots the data contained in a Firebase Realtime Database node. Plots are made thanks to plotly.js library. To feed the database node, we initially used an ESP8266 measuring luminosity and a Firebase Cloud Function, hence the name of this web app.

The full stories are on Medium:

  • Part 1 - An ESP8266 pushes luminosity measures to a Firebase Realtime Database.
  • Part 2 - A Firebase Cloud Function appends a timestamp to each value pushed to a Firebase Realtime Database.
  • Part 3 - A web app susbscribes to the data stream coming from a Firebase Realtime Database and plot it. This is the purpose of this repo.

Getting started

Reading Part 3, you will have details on how to:

  • Clone or download this repo in your development folder.
  • Replace the first lines of script.js with your own Firebase Project Configuration.
  • Run the app with Firebase development server during development, then host it with Firebase Hosting.

Demo

See the real live plot of my veranda luminosity (one measure every 5 minutes) 😃

Acknowledgments

About

A web app that lively plots data from a Firebase Realtime Database node, thanks to plotly.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published