The Class-Diagram-Generation was created as a web application that is use to visualise the automatic generation of class diagrams from sorce code (texts).
The Class-Diagram-Generation application is developed using Nodejs, React and Syncfusion. It can also be reffered to as a frontend application.
- Show all sentences in a source code.
- Show the list of classes, Attributes, Associations, Composition, Aggregation and Inheritance in a specific sentence if exist.
- Show all the class diagrams in a source code with their respective relationships.
Make sure you have installed all of the following prerequisites on your development machine:
-
Git - Download & Install Git. MacOS and Linux machines typically have this already installed.
-
Node.js - Download & Install Node.js and the npm package manager. Make sure to get the latest active LTS version.
-
Download the fut-weather-app from this link or use
git clone [email protected]:Babanila/class-diagram-generation.git. -
A web browser (
e.g. Google Chrome, Mozila, Firefox e.t.c). -
A working internet (
To clone the git repository).
- Open computer terminal (
command-line interface). - Locate the downloaded class-diagram-generation folder.
- Change the directory to the class-diagram-generation folder(e.g
cd class-diagram-generation). - Run
yarn install. - Run
yarn start. (The app will start automatically)
- After starting the app.
- If the App doesn't open in a web browser, open a web browswer and enter the localhost address using port 8080 (
e.g http://localhost:8080) - Type a source code (texts) into the input fiels in the center on the page.
- Click the
Processbutton. - On the new page, click on the
View Diagrambutton to view the class diagrams generated. - Click on the
Exitbutton to go back to the home page. - The
Backbutton can be used to go back to the previous page.