dawid-drelichowski/load-monitor-web

Web application for an average CPU load monitoring

Load Monitor Web

Web application for an average CPU load monitoring, developed in Angular.
Demo version available on http://server937162.nazwa.pl/.
This project was generated with Angular CLI version 11.2.1.

Requirements

• Node.js (tested with version 14.15.5) or Deno
• NPM (tested with version 7.6.0) or Yarn, PNPM
• Load monitor WebSocket server running

Installation

Installation is needed for development or unit tests running. If you would like to run production package, skip this section. Run following commands in project directory:

npm i -g @angular/cli
npm i

Configuration

Configuration options can be found in src/environments/environment/environment.ts (for dev environment) or src/environments/environment/environment.prod.ts for production. Options are described in comments in dev environment config file.

Run production version

The production package is included in the dist/ directory. You can simply serve it with (-p option sets port):

npx http-server dist/ -p 8081

More server configuration options can be found here.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Jest.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page. To get help with not Angular related topics - contact me or create an issue.

Improvements

This is a very basic implementation of monitor, it should be improved a bit. What is missing?

• Better error handling
• Re-connection to server in case of disconnection
• Design improvements, responsiveness
• Implementation of missing unit tests
• E2E tests
• Security audit or audit tool(s) usage
• Migration to ESLint
• Addition of Prettier
• Git hooks for linting, formatting, etc.