Web development for arduino project

three web page number 1 = login page number 2 = server page number 3 = client page login page details for html : 2 buttons on top for selection server, client login id button + box to enter the login value. password button + box to enter the password value. submit button login page php/java/node.js details: submit button will verify entered login values and password value; redirect it to server page if selected server or else to client page if selected client. verify details from data base sql details from login side: write sql query for making table in sql and alloting the server values/client values. server page details for html : host button which will have box to enter " Your ESP32's hostname" can be variable. serverPort button and box to enter the value . liquid button which will have box to enter value. price button which will have box to enter the price per milliliters. stock button which will have box to enter the stock milliliters . save button save the details. alter button to alter details. functionality of php/java/node.js be performed from server side: value of the host box will be the host name. value of the serverport will be server port value. value of the liquid button will be defined which will be used by client side which type of liquid is to be field value of price will be entered which will be used by client side calculation moreover it is price per milliliters. save the details if pressed save ,save the details in data base or else alter it if pressed alter. sql details from server side: create sql table for the value host box, server port, liquid button, price, stock . save the details in sql based on the given values. alter the details in sql based on the alteration made on basis of host box. all values are variable. client page details for html: host box will have options to select all host available in the data base. liquid box which will have options to select all type of liquid value available in database. milliliters button for entering milliliters value. start dispensing button. stop dispensing button. box showing auto calculated price of the milliliters. box showing auto calculated stock after dispensing the liquid functionality of php/java/node.js be performed from client side: show the predefined value of host box from server side database . show the predefined value of liquid box from server side from its database. milliliters box will be the value entered for dispensing the liquid. start dispensing will send the signal to host to dispense the liquid entered in milliters box. stop dispensing is used for emergency to stop the dispensing of liquid. calculation to be done automatically of price with logic price per milliliters alloted from server side from its database* milliliters value entered in client page . calculation of the stock to be done by deducting stock from stock milliliters values alloted in server side from its database . sql details from client side: create sql table for storing all the details ( host box used, liquid box used, milliliters dispensed, calculated price ,deducted stock after dispensing). sql details of database. create database, modify table if required accordingly . note : the client side should be connected to hardware for dispensing liquid . write complete html, .php, sql ,node.js required code.