html / javascript functions / merge / demo page
Budget: $30 – $250 USD
this is the basis of the next section of a project I am working on, and I need this part to be functional. Please be advised, in the near future, there will also be a another project to write NFC tags, and generate barcodes to be printed. but that is not part of the scope for this project.
basics of the project:
build the following 2 items into a single javascript file. and generate the below listed examples.
Item #1:
NFC: https://github.com/devpato/react-NFC-sample
Integrate this (reader only portion)
to automatically log each read into a div.
Item to log: Serial Number if there is a message, it will pop up as a message box with a simple yes/no and the message does NOT need to appear in the log box.
Item #2:
Barcode: https://github.com/mebjas/html5-qrcode
Integrate this (read barcode)
read and log into the same div as listed above.
Item #3:
GPS: https://www.w3schools.com/html/html5_geolocation.asp
https://github.com/substack/point-in-polygon#readme
https://www.npmjs.com/package/point-in-polygon
Integrate this into this as well. Using Point in Polygon method (accuracy less than 13 ft to start process), if current location is within geofence, then should mark as a log entry.
Example HTML file functions should be as follows:
NFC should be active and monitoring the entire time.
Barcode should have a single button that is used to capture barcode (the reader should support both barcode and QR codes)
format for log entries should be:
TimeDateStamp - (NFC) - Serial Number - (if message box, the acknowledged answer yes or no should be recorded)
TimeDateStamp - (BARCODE) - Serial Number
TimeDateStamp - (GPS) - Longitude|Latitude|Altitude|Accuracy
Deliverables:
-Javascript source file (credit given for all parts as needed, as well as credit for your contribution)
-Javascript minified file
-HTML example file (commented)
basics of the project:
build the following 2 items into a single javascript file. and generate the below listed examples.
Item #1:
NFC: https://github.com/devpato/react-NFC-sample
Integrate this (reader only portion)
to automatically log each read into a div.
Item to log: Serial Number if there is a message, it will pop up as a message box with a simple yes/no and the message does NOT need to appear in the log box.
Item #2:
Barcode: https://github.com/mebjas/html5-qrcode
Integrate this (read barcode)
read and log into the same div as listed above.
Item #3:
GPS: https://www.w3schools.com/html/html5_geolocation.asp
https://github.com/substack/point-in-polygon#readme
https://www.npmjs.com/package/point-in-polygon
Integrate this into this as well. Using Point in Polygon method (accuracy less than 13 ft to start process), if current location is within geofence, then should mark as a log entry.
Example HTML file functions should be as follows:
NFC should be active and monitoring the entire time.
Barcode should have a single button that is used to capture barcode (the reader should support both barcode and QR codes)
format for log entries should be:
TimeDateStamp - (NFC) - Serial Number - (if message box, the acknowledged answer yes or no should be recorded)
TimeDateStamp - (BARCODE) - Serial Number
TimeDateStamp - (GPS) - Longitude|Latitude|Altitude|Accuracy
Deliverables:
-Javascript source file (credit given for all parts as needed, as well as credit for your contribution)
-Javascript minified file
-HTML example file (commented)