What? Design a modern looking webpage for a hydroponic dashboard. The current layout out of the page is visible in attachment and can be redesigned in part or in its entirety. The new webpage should who the features currently on the attached file (title + time remaining + date/time of the picture + 1 picture + 4 tiles + corresponding graphs) plus 4 tiles for future metrics and their corresponding graphs. When hoovering the tiles, they must react. When clicking on the picture, it should come up in full screen. The picture (example to be provided) is in landscape mode but must be displayed in portrait mode. The graphs must dynamically display the past 24 hours and the vertical axis min and max must be fixed (values will be shared). The page should auto-refresh. Each parameter has an upper and lower limit (to be shared) to be read from a local file (name and format to be agreed). The limits must be displayed on the graphs as horizontal dash red lines. The tiles with the metrics should be green if the value is within the limits and red if the value is outside the limits.
When? First final version within 2 calendar days of the agreed work. A week for last requirements, tweaks and support.
How? Provide style.css and index.html file(s) for a dynamic modern looking webpage. If more files are required, their names and implementation will need to be agreed between the parties. The code must be well written and commented as necessary. A comment section at the top will describe what each file does along with the date. The code should be compatible with Safari, Firefox and Chrome, at the very least, on a computer or a portable device. The public address of the website will be shared with the Freelancer once an agreement has been reached. The project will be validated once the webpage has been successfully generated on the buyer’s webserver.
