Temperature Monitor – Website

Java, C, HTML, CSS, JavaScript, SQL,
Spring, Thymeleaf

  Created in 2021

This website is an interactive temperature monitor that was created using HTML, CSS, JavaScript, Java (Spring, Thymeleaf), and SQL. The data is being monitored from an Arduino that sends the temperature every hour to the database.

Features:
  • Arduino temperature reader
  • Online/Offline Status
  • Log of power outages
  • Log of temperature readings from each location
Purpose

The purpose of this website is to monitor the temperature for every hour of the day to determine the interior temperature of the cottage to prevent the pipes from bursting.

Website

The website displays the status to indicate right away if the system is running and updating the temperatures every hour (if the power is on and the wifi is working). This website monitors three locations: Inside, outside, and the pumproom. The most recent temperature received for each location is displayed along with the time of the last update above it. The colour of each of the numbers is determined by how cold or hot the temperature is. Below the current temperatures there is a graph that displays the temperatures for the last 24 hours. There is also an option to switch to a table view of the data.

To view more information about each data point within the graph the user can hover over each data point within the graph, or click to view within the table.