The IPOP Network Visualizer is a web application to monitor a system that using IPOP.

Read more about IPOP : https://ipop-project.org/wiki/Home

if you don't have git on your device, install it first and clone the project to your local directory

git clone -b dev/webapp https://github.com/ipop-project/Network-Visualizer.git

in project directory, Install node modules.

npm install 

start application on your local device.

npm start

a landing page will show up on your browser. ( Google Chrome is recommended. )

in config.js ( Network-Visualizer/src/config.js )

you can change an ip address and port of data collector service.

in project directory, use npm command to build the project.

npm run build

you will have a build folder in your project directory. you can use this folder to deploy your application on your web server such as apache or nginx.

if your application is on the same place with data collector service, you have to use an empty string value for allowOrigin variable instead.

line : 31, use allowOrigin on line 32 instead.

line : 124, use allowOrigin on line 125 instead.

created by @P-Parinya ( if you have a question or images don't show up, please contact me. )