Create Dashboard Website

[FernandoCZanchetta]

Task description

In order to complete this task, the developer must build a dashboard website. The website must be intuitive and it's main objective will be to display the probe acquired data, possibility including charts, maps, and other functionalities.

Since the data can be shared publicly, there's no need to make an authenticated area in the website to display that data.

The data will be stored in a MongoDB Database, so, we need to push the data from the database and show in the website. To make this, we have some options: we can make a listener, and when the DB drop an insert event for a specific collection, push the last document inserted; or, we can make a simple polling method, and pick the last document every second, or other desired time frame.

There will be an button on the website to make a request for a picture, the button need to call a function that send a MQTT message in a specific topic, requesting the photo. The probe-cam firmware will handle the request, and, after some time, we need to push the photo from the DB and display in the website. This area can be authenticated to prevent people from spamming the button and overloading the ESP board. The button also must have a delay, to prevent the spamming.

In case of developing a authenticated area, the credentials must be stored also in the MongoDB.

Portuguese 🇧🇷

References

Relevant/related links:

Example snippets

<CODE>

Relevant images