This tutorial demonstrates how I have implemented an auth guard and the unit tests for the auth guard in Angular 16. The auth guard is used to protect the routes that require the user to be logged in. Here is the implementation of the AuthGuard: import {inject} from '@angular/core'; import {…

In this post I want to share with the community a modal dialog I have implemented with HTML, CSS and JavaScript, that satisfies the tests set by the W3C WCAG working group: Check that role=dialog is an attribute of the container (such as a div) that is used as the…

In this post I will show the function I use in my MongoDB trigger. I use MongoDB in many of my personal projects, and since they are mostly for test and portfolio purposes, I need a way to reset the DB daily by leaving only the data I want. …

While working on a client front-end and a back-end API, I bumped on the need to create a custom error message with Node in the API, catch the message with fetch, and display that message on the client side with JavaScript. Before sharing my solution, a reminder that user input…

This quick hands-on tutorial helps in understanding the logic behind Hugo themes and templates. We will create our own website and theme from scratch, and see how the different template layouts interact with each other and the content. Create the structure for our new website with the hugo new site…

I needed to show the users of my web application the content of JSON files stored in the DB, so I created this simple visualizer that offers the possibility to expand and shrink the content of the JSON file, and also to choose if to show HTML content from the JSON file as a string or as HTML. Since it is quite small, I keep all the code in index.js: Then I also created an HTML document to test it (on line 47 and 49 you can see I am calling the functions from index.js):

Recently I had to use MQTT over WebSocket in a React web application to fetch live location from an API. Here is my solution. I tried to make the MQTT module as functional as possible.

This is a guide to work with Overleaf projects locally, even when your are offline. Since Overleaf can be only used online, we will have to rely on other software. In this guide I present how I did it on Ubuntu, but the same can be done on other operating…

With Pkg you can package your node application into a single executable for Windows, Linux or Mac. You will then be able to run the app without the need of installing node. Install pkg globally: npm install -g pkg What we need is to specify in package.json the file starting…