Open in app

Sign In

Write

Sign In

Giacomo Mariani
Giacomo Mariani

26 Followers

Home

About

Published in Level Up Coding

·Aug 24, 2021

An Accessible Modal Dialog with HTML, CSS, and JavaScript

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…

HTML

3 min read

An Accessible Modal Dialog with HTML, CSS, and JavaScript
An Accessible Modal Dialog with HTML, CSS, and JavaScript
HTML

3 min read


Published in Level Up Coding

·Jul 23, 2021

How I use MongoDB triggers

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. …

Mongodb

2 min read

How I use MongoDB triggers
How I use MongoDB triggers
Mongodb

2 min read


Jun 24, 2021

Node & Fetch(FE) to set and catch error messages

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…

Nodejs

2 min read

Node & Fetch(FE) to set and catch error messages
Node & Fetch(FE) to set and catch error messages
Nodejs

2 min read


Published in Level Up Coding

·Dec 15, 2020

A quick tutorial on Hugo templates and creating your theme

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…

Hugo

5 min read

A quick tutorial on Hugo templates & creating your theme
A quick tutorial on Hugo templates & creating your theme
Hugo

5 min read


Published in Level Up Coding

·May 21, 2020

Create a Simple JSON Viewer for your Web Application

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):

Json

1 min read

Create a Simple JSON Viewer for your Web Application
Create a Simple JSON Viewer for your Web Application
Json

1 min read


Published in Level Up Coding

·Jan 29, 2020

MQTT over WebSocket in a React App

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.

Mqtt Client

2 min read

MQTT over WebSocket in a React App
MQTT over WebSocket in a React App
Mqtt Client

2 min read


Jan 3, 2020

Work on Overleaf Projects Offline

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. …

Git

4 min read

Work on Overleaf Projects Offline
Work on Overleaf Projects Offline
Git

4 min read


May 29, 2019

Run node app as single executable file on Windows, Mac or Linux

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…

JavaScript

2 min read

JavaScript

2 min read


May 16, 2019

Adding trusted CA to node client with axios

I had to create a node client which sends a get request with some parameters to a server. The server is using a self signed certificate, so I had to add the CA as trusted on the client side. Here is my solution creating an httpsAgent and using axios. I…

JavaScript

1 min read

JavaScript

1 min read


Apr 12, 2019

Mocking Firebase Cloud Functions in React.js with Jest

I am a beginner in Web Development and I finally decided to learn how to test my apps. I had a simple application with the common stack React.js, Webpack and Babel, plus Firebase Cloud Functions for the back-end. I decided to go for testing with Jest and React Testing Library…

JavaScript

3 min read

Mocking Firebase Cloud Functions in React.js with Jest
Mocking Firebase Cloud Functions in React.js with Jest
JavaScript

3 min read

Giacomo Mariani

Giacomo Mariani

26 Followers

Web development, CS and other stuff

Following
  • Trey Huffine

    Trey Huffine

  • Sasha Mathews

    Sasha Mathews

  • Denis Cangemi

    Denis Cangemi

  • Matti Mäki-Kihniä

    Matti Mäki-Kihniä

  • Laura Salonen

    Laura Salonen

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech