Monitors and visualizes live socket connections and data flow. It provides instant updates on connection status, message traffic, and server performance using WebSockets. The dashboard offers connection logs and alerts to help developers track and debug socket activities efficiently.

1. Access link
2. Final result
3. Project installation
   1. Nodejs installation
   2. Yarn installation
   3. Sources code cloning
   4. Dependencies installation
4. Project execution

The project is already hosted on web and can be accessible through the link below :

• https://cacybernetic.github.io/socket_monitoring/

This is the final result of the project :

This project uses Vite bundle as javascript server + React with TypeScript and Chakra UI. Before run the project, you must install some dependencies before.

⚠️ The command line below will only work on Linux :

sudo apt install curl;\
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash;\
source ~/.bashrc;\
nvm --version;\
nvm install --lts;\
node --version

To install NodeJs on Windows, you can follow the video below :

To install NodeJs on MacOS, you can follow the video below :

Make sure to install the lastest stable version of yarn.

To install yarn on linux, just open your terminal (CTRL + ALT + T) and run the following command line below :

npm install yarn --global

To install yarn on Windows you can follow the video below :

To install yarn on MacOS you can follow the video below :

You can install the latest stable version of yarn only at the project root folder by running the command line below :

yarn set version stable

It's recommended to use 4.5.1 yarn version to avoid any troubleshooting while installing project dependencies.

NB : It's possible to install project dependencies using npm or pnpm command. In this case, you must remove yarn.lock, .yarnrc.yml, .yarn and clear your favorite package manager caches before perform any dependencies installation.

git clone git@github.com:cacybernetic/socket_monitoring.git socket_monitoring/

Before start project dependencies installation, you must remove yarn.lock file from the project root and clear yarn caches with yarn cache clean command.
Go to the root folder of the project sources and run :

yarn install

📔Note : Vite and React will be installed automatically after running the command line above.

Go to the root folder of the project and run :

yarn run dev

Then, open your favorite browser and tap on the search bar, the following link below :

http://localhost:5100

Enjoy :)