Dashboard for Live Sensor Data

This repository contains the source code for a web dashboard that displays sensor data. This dashboard is one of the projects that was assigned to me during an internship. The sensor data displayed includes oven temperatures, freezer temperatures, environmental temperature and humidity, electrostatic discharge and HAST chamber conditions.

Disclaimer

Due to confidential policies, the original and fully working dashboard cannot be published in this repository for obvious reasons. Hence, the HTML files provided will only include the design elements which I have created during the development of the dashboard. These web pages are just examples of the work I have done during the internship. 😄

A live demo version can be accessed through the following link:
https://polite-ground-0aed79900.5.azurestaticapps.net/

JavaScript Libraries/Frameworks

• Bootstrap 5
• Chart.js
• ProgressBar.js
• LoadingBar.js
• jQuery

Code Structure

• dashboard_ui.html: The main page with all the different design elements.
• firstpage.html: The first page to access all the different sensor data types.
• chamber.html: An example page that displays HAST chamber sensor data.
• ove_11.html: An example page that displays oven temperature sensor data.
• assets: Contains all the styles, libraries, fonts and frameworks needed for all webpages to work and look properly.
• js: Contains all the needed JavaScript libraries for all webpages to work properly.
• .jpg and .gif files: Various images and gifs used in the web pages.

Usage

1. Clone this repository.
2. Ensure all files are in the same directory.
3. Open the desired HTML file in your default browser to view the design elements.

Examples

• dashboard_ui.html

  
  The dashboard is equipped with drop-down menus to filter and display specific sensor data.
  

• firstpage.html

  

• chamber.html

  

• ove_11.html

  

License

This project is licensed under the MIT License.