Tampermonkey for working with a barcode scanner

Javascript and Typescript, Web Programming — incorrectly specified categories?

Project translated automatically. Log in or register, to view the original

Technical task (TT) for the development of a script for integrating a barcode scanner into CRM SalesDrive

1. Project description

The goal of the development is to create a user script (Userscript) for Tampermonkey that integrates a barcode scanner into CRM SalesDrive. The script should analyze the source code of the order fulfillment page, find products by barcode, and visually highlight them in the browser.

2. Requirements for the script's operation

Purpose:
- Automatic identification of the scanned product by barcode.
- Highlighting the found product.
- Adding a green button "✔" next to the scanned product.
Scope of the script:
- The script must work exclusively on the order fulfillment page:
```
https://zdorovoshop.salesdrive.me/ua/index.html?formId=1#/order/update/*
```
- The application number changes dynamically ("*" at the end of the URL).
Algorithm of operation:
- Listen for keyboard input events.
- Wait for the input of barcode and the pressing of Enter.
- If the product is found:
  - Highlight it (green border + light green background).
  - Add the "✔" button next to the product.
- If the product is not found – display the message "Product with barcode X not found!" and a sound signal.

3. Implementation requirements

Programming language: JavaScript.
Frameworks and libraries: Use of pure JavaScript (without third-party libraries).
Execution technology:
- The script must work in Tampermonkey/Greasemonkey.
- Launch at the level of document-start for CSP bypass maneuvers (if necessary).
CSP restriction bypass:
- If the site has strict CSP, code injection through <script> in the DOM must be implemented.
- If Tampermonkey is blocked by CSP, consider Chrome extensions as an alternative option.

4. Expected results

After scanning the barcode, the product is found and highlighted.
A green button "✔" is added next to the found product.
If the product is not found – a notification and sound signal appear.
The script works stably in SalesDrive without crashes and CSP errors.

5. Additional wishes

The code should be well documented so that it can be easily updated in the future.
The script should work quickly and not overload the browser.
If possible, provide logging of events (barcode, found/not found) in the Console.

Ready to discuss any clarifications regarding the implementation. Looking forward to the time and cost estimate for the implementation.

Proposals 3

David Yurkovskyi

0 0

Projects -
Rating -
Rating 408

Budget: 1234 UAH Deadline: 3 days

Hello! Would it be convenient for you if the script had a "sound alert" function when the product is not found? We can discuss the details about the timeline and budget in private correspondence.

I have experience working on similar projects, specifically, I have developed scripts for integration with various CRM systems.

I understand how important it is for you that the script runs smoothly and does not overload the browser. I prefer clean JavaScript, which allows for maximum resource efficiency and guarantees high performance. Also, I always document the code, which simplifies its further use and modification. I take my work very seriously and always try to consider all the client's wishes.

Thank you for considering my proposal!

Volodimir Polishchuk
Ostrog, Ukraine

Projects 90
Contests 4
Rating 5.0
Rating 1 829

Tampermonkey for working with a barcode scanner

1. Project description

2. Requirements for the script's operation

3. Implementation requirements

4. Expected results

5. Additional wishes

David Yurkovskyi

Proposals concealed

Proposals are currently absent

Current freelance projects in the category Javascript and Typescript

I am looking for an experienced Full-Stack web developer to create a turnkey website.

Creation of a website for ticket sales

Fix the calculation of Realized PnL, ROI, and Win Rate for cryptocurrency wallets.

Website on the Next.js framework (based on React)

Need a frontend developer / layout designer for a one-time improvement of a website on Magento 2.