DyVProMo is a process model viewer tool where you can upload a BPMN 2.0 XML file, view it and change the level of detail.
- Node >= 10.16 and npm >= 5.6
Run npm start in root directory to start development server. Server will run on localhost:3000.
The page will automatically reload if you make changes to the code.
You can find more details here: https://github.com/facebook/create-react-app.
- React (Frontend)
- Bootstrap (Styling)
- Sass (Styling)
- Bpmn.io (BPMN Framework)
- react-icons (Icons)
- react-dropzone (Drag & Drop)
Look at package.json for a detailed list with version numbers.
- This work only uses React hooks and no full React.Components.
- It was set up with the tool create-react-app. The tool creates a Node.js Server and all dependencies are defined in the package.json file.
- The index.js file is the start point for the React application which injects the 'RootComponent.js' in the index.html.
- You can auto-format the source code with the command
npx prettier --write .in the root directory (. is the directory where you want to apply auto-formatting). Associated files are .prettierignore and .prettierrc.json. - At the time of development, there was only a beta version of bootstrap 5 available. Make sure to use a proper release version once it is released.