Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/moj124/status-monitor

Displays a real time status dashboard for each region from an API call.
https://github.com/moj124/status-monitor

cypress docker express flyio jest nodejs reactts typescript websockets

Last synced: 21 days ago
JSON representation

Displays a real time status dashboard for each region from an API call.

Awesome Lists containing this project

README

        

# Status Monitor

A ReactJS + TS, Express + TS monolith applicaton that houses the server and client. Displays a real time status dashboard for each region from an API call.

## Installation

```bash
$ make install
```

## Running the app

```bash
# development
$ npm run start:server
$ npm run start

# using docker
$ make build
$ make dev
```

Open at [http://localhost:8080/](http://localhost:8080/)

## Testing

### Jest

To run jest tests of individual util functions.
```bash
$ make test
```

### Cypress

To run cypress GUI tests of react components.
```bash
$ npm run test:cypress:open
```

## Deployment with Fly.io
Requires `flyctl` can be installed via [https://fly.io/docs/flyctl/install/](https://fly.io/docs/flyctl/install/).

To deploy changes to the server and client.
```bash
$ make deploy
```

To deploy changes to the server.
```bash
$ npm run deploy:server
```

To deploy changes to the client.
```bash
$ npm run deploy
```

## Issues to address
- Request URL: wss://status-monitor-snowy-snowflake-524.fly.dev:8080/ws multiple requests are appearing resulting in timeout error connections in console window. Check websocket polling.