UML Editor

UML Editor is a UML diagramming tools that fully runs on browser. It is intended to be a CASE tool like StarUML, but running on browser.

UML Editor uses mxGraph library and the GraphEditor example as the base of this project.

Features

• [x] Class diagrams
• [x] Generate Java code from Class Diagram
• [ ] Validate syntax before generating code
• [ ] Multi user working

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Yarn

npm install -g yarn

Installing

Install dependencies

yarn install

Run development server

yarn dev

Open localhost:8080 in browser

Coding style

There is a .eslintrc file that contains all the rules of the coding style. A lot of the files are still being rewrite to conform to these rules.

Contributing

There are ways to contribute to this project:

1. Making pull request
2. Opening issue(s)

Pull Request

1. Fork this repo
2. Commit your changes to a separate branch
3. Make a pull request

Built With

• mxGraph - The library used for diagramming
• Yarn - Dependency Management
• Babel - ES6 to ES5 transpiler
• Webpack - Module bundler
• Travis CI - Code Integration

License

This project is licensed under the Apache License 2.0 - see the LICENSE file for details

Acknowledgment

• Yani Widyani S.T.,M.T. as my supervisor for this thesis