How to tighten UI for Web application?

Question

User interface

Hello, I wanted to ask what technologies to use for the UI, how to attach them to the project, and what/where specifically to read/see on this topic.
The task is as follows: I need to write a menu site in which the user can independently collect pizza for himself. (it would be great to make it so that he can submit his var to the admins for consideration, and if he is so outstanding, then the admins could add it to the menu).
That is, conditionally, the site should have a menu with standard pizzas and its own editor. In the editor, the user will have a large circle (pizza base) and a menu with ingredients. These ingredients can be placed all over the pizza at once, or in some specific areas. That is, if a pizza is divided into 6 slices and the user wants to create one in which tomatoes will be on only 1 slice out of 6, then this ingredient in the image will appear on only one slice of pizza. And when the costume is completed, the data will be entered into the database with exactly such instructions.
Before that, I just created CRUD applications with authentication, in which the UI only displays a table, and forms with buttons, in a word, bare HTML. Therefore, a little confused how to implement something similar, what and how to use.
I plan to do the project in Java on Spring Boot ( MVC. Data - JPA , Security, Email) using PostgreSQL as a database.
Please tell me what technologies to use for the UI (because there will be animation, I believe this is JS), how to attach them to the spring project and where to read in more detail about exactly what is needed to implement this task. Also, to make it all look beautiful, you probably have to screw CSS
. I will be very grateful for any help and advice, and if anyone knows specific articles with similar examples, it’s just super

Answer 1

Yes, you are right, you need JS. I recommend using Vue as it is easy to use and quite powerful. In general, the sequence is as follows:
Deal with JS
Deal with Vue
Deal with NodeJS a
little Dive into Webpack a little
Choose some ready-made set of elements (for example, Material Design, you can write your own, then either CSS, SCSS, or TailwindCSS, etc.)
Write SPA
Combine with Java backend - here I am not a master of explanation, since I am not a Java specialist. I roughly imagine that there are two ways:
1) Spring has a way to give js and css files itself
2) You can set up a NodeJS server (fortunately it's very simple) and redirect the necessary routes to it (possibly through a reverse proxy, for example Nginx)
In general, everything is very easy to google. So I will not shove cumbersome links here.
UPD.
Is it this one:
https://www.w3schools.com