Which framework should I choose for my task (an example site in the question)?

Question

Python

I set myself the task of creating a similar web application - constructor: https://ide.mblock.cc/


The essence of the application is very simple, a program is assembled from ready-made graphic blocks by drag and drop, which automatically creates a text file of the required format for subsequent launch / download, etc. .d. Docking blocks is accompanied by a small animation and sound effects.

I would like to clarify with experienced people in this matter - what bunch of frameworks / libraries are needed to try to do something like this? I have never done such a plan of things, at most - simple pages with jQuery scripts, so I understand and am glad inside that I have to learn a lot of things for this. I would be grateful for your opinion, plus if you tell me what the original application, which I mentioned above, was made on.

Answer 1

Such web applications are called SPA (single page application).
These are now mainly made using one of: Angular, React, Svelte, Vue. (The most popular are Angular and React. The least popular is Svelte.)
In principle, you can do this with any technology - even with jquery, or without third-party libraries at all.
Not sure how much time you spend on it.
On the other hand, if you're a genius but don't learn new things well, maybe it'll be easier for you to bike everything from scratch.

Answer 2

Since you wrote python at the top, then take for the backend, framework - FastAPI / SQLAlchemy and PostGreSQL - fast is becoming more and more popular, and the other 2 are already de facto standard. Wrap the backend in docker/docker compose !