LogHub - Remote Centralized Logging Solution (CMS)

This project is a Angular CMS application that provides an UI for LogHub (remote centralized logging solution). It allows you to collect and manage logs from distributed applications in a centralized location, enhancing troubleshooting and monitoring capabilities.

This project was generated with Angular CLI version 17.1.3.

This project utilizes next features of angular:

• Angular 17
• SSR (Server Side Rendering)
• Standalone Components
• Router (For url routing)
• HTTP Client (For api calls)
• NGRX (For state management)
• PrimeNG (For UI Components)

Technologies Used

Development server

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

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Build Docker Image

You can deploy the application using Docker. First, build your own image:

docker build -t your-domain/your-image-name:your-version .

Here is the full example:

docker build -t dradman/loghub-cms:1 .

Then you can run your own image with command:

docker run -p 80:4000 your-full-image-name 

Here is the full example:

docker run -p 80:4000 dradman/loghub-cms:1 . 

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Deploying with Docker

You can deploy the application using Docker. First, pull the latest Docker image from the GitHub Container Registry:

docker pull ghcr.io/dradman/loghub-cms:latest

Then, run the Docker container:

docker run -p 80:4000 ghcr.io/dradman/loghub-cms:latest

Important: Make sure that all environment variables are set correctly.

Docker-Compose

You can also run application using docker compose. See an example here

Environment Variables

Important: Due to angular & general limitation since application is served to local browser you can't use standard .env to update environment varaibles.

If you wish to change any of the variables you will have to build your own version of application where will change these files