Need html,css,javascript based web application developer

Need to build web application with html, javascript. (we will be converting this web application(responsive) to desktop application using electron, will require further support if needed) We need a web based GUI code with simple login screen with logo image at center with username, password textbox which will receive json from python controller code. Webpage will be displaying some changes based on controller code communication and some things based on buttons in webpage. About the communication, webpage will connect to server(python code) with localhost, port and start receiving jsons expained below- The webpage contains 3 sections(Print Bills, Incorrect Bills, Verify/Collect) which will receive a json from controller python code and/or a click of any button. 1. On reception of json 1 from controller, fetch table number from received json and check whether it is present in Incorrect Bills section or not; if exists, remove it from Incorrect Bill section and show the same table number in a circular grey icon in Print Bills section. 2. When json 2 received from controller, fetch table number from received json; the table number should be displaying in Print Bill section in circular grey icon for now. Change the background color of circular icon to green for that table number. 3a. On reception of json 3 from controller, fetch table number from received json and check whether it is present in Print Bills section or not; if exists, remove it from Print Bills section and show the same table number as circular button(as shown in mock) in Incorrect Bills section. 3b. In Incorrect Bills section, on button click, a dialog should popup and show the content received under data field of json 3(remarks). 4. On receiption of json 4/5 from controller, fetch table number from received json and check whether it is present in Print Bills section or not; if exists, remove it from Print Bills section. Show the data received in json in tabular form in Verify/collect payment section. 4a. Json 4 is for offline mode - in this case, an entry should be added in tabular display for respective table number with mode shown as "offline", Amount column should be left blank and button should be enabled with "Collect" text on it. On click on this button, remove the entry with respective table number from tabular display. 4b. Json 5 is for online mode - in this case, the entry should be added in tabular display for respective table number with mode shown as "online", Amount column should display the number separated by '-' in data field of json, and button with label "Paid". On "Paid" button click, the entry for that table should be removed from tabular display. After login, all three sections should display "No Data To Display" before receiving any json. Webpage,dialog should be scrollable. Also, if json 6 received, show dialog with message "Something went wrong with table G12". All dialogs(on reception of error json 6 or on button click in incorrect bills section) should have "OK" button. Adding status indincation below logo which will indicate the system connectivity with internet(online/offline). Green indication for online. grey for offline. We need to check internet connectivity with 5/10sec interval of time in parallel to above json reception process. We will require document(rough document will do) for project related work, also code with comments needed. Code should be follow coding standards, along with exception handling. In case of dialogs(which will appear after clicking incorrect bills button or error json dialog), rest process should work in parallel, main webpage should not wait for response from dialog. JSON- 1. {"event": "billReq","table": "G12","data": ""} 2. {"event": "billReq","table": "G12","data": "Green"} 3. {"event": "wrongBill","table": "G12","data": "<remarks>"} 4. {"event": "payment","table": "G12","data": "offline-na"} 5. {"event": "payment","table": "G12","data": "online-215.45"} 6. {"event": "error","table": "G12","data": ""}