WebGUI for small web app in JS (based on 400 lines python)

Job ID: 36736667

Budget: €100 – €350 EUR

TL;DR:
I have written a python script, that performs well (all CLI).
Now i want a Web-Version of the script with (nice) GUI.

------------------------

Long Version:
I have written a small application in python and need a GUI for it.
But for it to be able to run on the web it should be in JS, since some providers don't allow python.

The script/app:
It creates so called "g-code", that drives a laser engraving machine. This g-code is a test pattern.
The application has several parameters as height, width, laserpower, etc. that need to be controlled.
Also there has to be a preview of the test pattern (i don't need a g-code-interpreter, a grid-view should be sufficient).

So the job is to understand the project, translate the code to JS (ChatGPT work tbh), optimize it, and create a GUI for this.
Besides the preview it's really simple.

Some CSS like bootstrap is appreciated, but it does not need to look all that fancy. Practicality is the thing.

It will be hosted on a subdomain of mine and should contain all files needed.

Feel free to ask questions.

---------------------

What does the python-code do:
Quick description:

Inputs:
- General Laser Power
- FUNCTION
- Width, height, padding, rows and columns
- Minimums and Maximum (and "Text") Laser Settings
- Engraving (DPI) or cutting (passes) setting
- settings for dynamic or static power mode
- power growth (currently linear or exponential)

Calculations:
FUNCTION 1:
- A grid (rows x columns) with an overall height and width
- Every cell is one laser setting
- So it calculates a list of laser settings between min and max laser power
- Writes g-code to control the laser and engrave the settings
- Adds some text

FUNCTION 2:
- a grid for a multi-pass-test

FUNCTION 3:
- load and save configs

Output:
- g-code to run in your laser-engraver-software to download (and/or copy paste)
- display, how the grid looks like (so you can see that 7 columns in 20 mm width is maybe to tight)
Related categories: JavaScript Python Software Architecture Bootstrap