Ditutup

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": ""}

Kemahiran: CSS, HTML, HTML5, Javascript, Python

Lihat lagi: javascript web design examples, html css javascript pdf, javascript explained, html css javascript book, javascript html tutorial, how html css and javascript work together, how to create a website using html css and javascript step by step, what is javascript used for in web design, average web application developer sql net javascript flash, html css javascript developer bangalore, web design html css javascript jquery set, freelance web developer barcelona html css javascript, web developer html css javascript freelance jobs, html css javascript developer, web design with html css javascript and jquery set, html css javascript interview coding for web developer, i need a web application developer, web design with html css javascript and jquery set by jon duckett pdf download, web design with html css javascript and jquery set pdf, html,css,javascript,web sites,

Tentang Majikan:
( 0 ulasan ) Pune, India

ID Projek: #18592953

3 pekerja bebas membida secara purata ₹1217 untuk pekerjaan ini

Tomhy5

[login to view URL] is a javascript framework which have work on very well without any problem. Converting a website to desktop app is real fun with it. I can easily convert any website to a desktop app with it and i can als Lagi

₹1300 INR dalam sehari
(1 Ulasan)
0.3
shubhangiappwrk

Hi there, I am obtainable at this moment to acquire up this project and I pledge you to entire it within a short duration of time. The core benefit of this job is that I have been resourcefully betrothed ineffect Lagi

₹1300 INR dalam sehari
(0 Ulasan)
0.0
₹1050 INR dalam 2 hari
(0 Ulasan)
0.0