This is a simple web calculator using angular framework and springboot

• For the frontend part (view part), we used HTML, CSS, and typescript through angular framework.
• For the backend (model and controller), we used Java language through spring framework.

• Note: Make sure you have downloaded NodeJs and Angular-CLI.
• extract the compressed project folder.

• Open the backend folder using IntelliJ IDE or any other IDE, run the PaintBackendApplication.java class on port 9090.
• you can change the port from the project resources → application.properties if the 9090 port was already used in your device but in this case, you will need to change it in all http requests in the app.components.ts file on the front-end folder.

• Open the frontend folder using visual studio IDE, then open the terminal of the IDE, and write npm install in the terminal.
• Then write “ng serve --open” in the terminal to open the project, on port “http://localhost:4200/”-. Note: if you needed to change port 4200 as it was already in use then you will need to change it in the paintBackend folder in the controller class.
• Then you can use the paint application and draw whatever you want.