ESP32 Web Page with Interactive Features
Budget: $250 – $750 CAD
I am looking to create a web page fully compatible with ESP32. The web page will prominently feature a line chart. The line chart should display temperature data received from the associated ESP32 device. In addition to the line chart, the page needs to have 7 buttons. One of these buttons should have the functionality to update the data displayed on the line chart with new inputs. Furthermore, the page needs a text area as well as several other display text boxes designed to show numerical values.
ESP32 web page with a chart, 7 buttons, a text area, and display text boxes for numerical values.
1- Code the web page including the html, css and javascript in the same file. An sample is provided.
The web page is in a file called index2.h and is #INCLUDE <index2.h> in the ESP32 code.
Details are in the included pfd.
2- Modify the chart:
Chart with 3 lines one red, one blue, one green. Receive data from esp32
Grid
X axis 400 seconds = 40 x10 sec divisions => 0 to 400
Y axis Degrees C 260 C = 24 x10 degrees divisions => 20 to 260
3- Modify the existing ESP32S3 code to send and receive data from the page.
Portions of code needing change are marked with @@@@@@@@@@@@@@
The ESP32 is coded using Arduino. The existing working code ( 800 lines) will be provided
when the job is awarded.
The data is:
profileTempC chart y green esp32 -> web page
toptemperature chart y red esp32 -> web page
bottomtemperature chart y blue esp32 -> web page
profileTimeSec chart x axix esp32 -> web page
maxTempC, esp32 -> web page
mesgBox[32] esp32 -> web page
start_stop esp32 -> web page
profileSelection esp32 -> web page
reflow_bake esp32 -> web page
mesgBox esp32 -> web page
timeMelt esp32 -> web page
timeMaxC esp32 -> web page
fan_on_off esp32 -> web page
bakeTime web page -> ESP32
bakeTempc web page -> ESP32
Ideal freelancers for this task will have extensive knowledge in web development with particular emphasis on data visualization tools and integration with ESP32 devices. They should be familiar with creating interactive line charts and understanding of how to effectively display numerical values on a web page. Prior experience working with temperature data would be a plus.
ESP32 web page with a chart, 7 buttons, a text area, and display text boxes for numerical values.
1- Code the web page including the html, css and javascript in the same file. An sample is provided.
The web page is in a file called index2.h and is #INCLUDE <index2.h> in the ESP32 code.
Details are in the included pfd.
2- Modify the chart:
Chart with 3 lines one red, one blue, one green. Receive data from esp32
Grid
X axis 400 seconds = 40 x10 sec divisions => 0 to 400
Y axis Degrees C 260 C = 24 x10 degrees divisions => 20 to 260
3- Modify the existing ESP32S3 code to send and receive data from the page.
Portions of code needing change are marked with @@@@@@@@@@@@@@
The ESP32 is coded using Arduino. The existing working code ( 800 lines) will be provided
when the job is awarded.
The data is:
profileTempC chart y green esp32 -> web page
toptemperature chart y red esp32 -> web page
bottomtemperature chart y blue esp32 -> web page
profileTimeSec chart x axix esp32 -> web page
maxTempC, esp32 -> web page
mesgBox[32] esp32 -> web page
start_stop esp32 -> web page
profileSelection esp32 -> web page
reflow_bake esp32 -> web page
mesgBox esp32 -> web page
timeMelt esp32 -> web page
timeMaxC esp32 -> web page
fan_on_off esp32 -> web page
bakeTime web page -> ESP32
bakeTempc web page -> ESP32
Ideal freelancers for this task will have extensive knowledge in web development with particular emphasis on data visualization tools and integration with ESP32 devices. They should be familiar with creating interactive line charts and understanding of how to effectively display numerical values on a web page. Prior experience working with temperature data would be a plus.