Skip to content

me-big-tuwien-ac-at/modeling-tool-repo

Repository files navigation

logo

Modeling Tool Website

📖 Table of Contents

  1. Overview
  2. Technologies
  3. How to execute
    1. Backend
    2. Frontend
  4. Screenshots

Overview

The goal of this project is to present the currently available and active modeling tools. While there are already few other websites that provide this simple service, we also provide a clear overview in which aspects each of the modeling tools differ from each other.

Though some information is more available than other, we have also categorized each modeling tool based on its properties and purposes, such as whether it is a pure modeling tool and thus more suited for engineers, or a drawing tool for regular users. More details are available the website.

UML Class Diagram of the backend entities UML Class Diagram

Technologies

Programming Language Java OpenJDK 17
Java-Framework Spring Boot 3.0.1
JavaScript Runtime Node.js 18.x.x
Frontend Framework Angular 14.x.x
Database H2
Test-Framework Junit 5.x.x
Build & Dependency Management
Maven 3.x.x
npm 9.x.x
Versioning Git

How to execute

Open the backend folder and the frontend folder contained in the root folder separately.

Backend

You can start the backend application through your command line or your IDE (e.g., Intellij). To execute the backend through the command line, enter the following command:

mvn spring-boot:run

If you are executing the backend through Intellij, then the expected configurations should be already loaded. In that you can either press the 'Run' button, or enter Shift + F10. Should the configurations not be automatically loaded, then open the "Edit Configurations..." window and enter the following commands

Edit Configurations Screenshot Edit Configurations Screenshot

If you want to have a functional Email Service, then you also need to specify your Email and Password within the file backend/src/main/resources/application.properties under the properties

spring.mail.username=${EMAIL}
spring.mail.password=${PASSWORD}

To do so, either remove the dollar sign and curly brackets and enter the corresponding information, or do not edit the file and instead open the "Edit Configurations..." window and enter your Email and Password as "Environment variable".

Edit Configurations - Email and Password example Email Password Screenshot

Tip

We strongly suggest that when specifying the email you use a Gmail account and generate an app password. Here's a link to a video tutorial: https://www.youtube.com/watch?v=hXiPshHn9Pw&ab_channel=TweakLibrary

Frontend

To execute the frontend, first go into the frontend folder within your command line and enter npm install. Afterwards, you can run the angular application with the command ng serve or with your IDE.

If you happen to encounter the error after running your Angular application (e.g., with ng serve) as shown in the screenshot below, simply delete the file frontend/.angular, enter npm install and then ng serve.

Angular error Angular error

Optional

To also have all links returned as an email functioning, replace all instances of http://localhost:4200 (find instances in Intellij with Ctrl + Shift + F) with the official link .

Screenshots

Homepage - section "List of Modeling Tools"

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published