Leonardo Faria

Last year I started going to F45 for exercise and I have been going ever since.

Valentine's Day is right around the corner, so I built Love Trivia, a dead-simple web app to create personalized trivia quizzes for your loved one.

Building a product from scratch requires making numerous architectural and technical decisions.

I haven’t posted since May 2024, which just happens to be when I joined Pistachio as their first employee: founding software engineer.

Back in 2015, I moved to Canada to attend a post-degree program.

Writing tests is important because it helps ensure that individual parts of your code work as intended, both initially and after modifications.

A while ago I was exploring ways to adopt Tailwind CSS to style content that I was not responsible for.

Have you ever asked yourself how ESLint works and what we can do with it?

Learn how to override specific console.log and other console messages in Jest

Learn how to use Vercel Edge Middleware in Next.js and create a cool world map with your visitor location

VS Code offers a handy way to set up your editor with recommended extensions and settings per workspace, which is incredibly useful when working in codebases with different technologies.

In the last few days, I worked to move this website to Next.js.

Last year I built a tool to visualize data from Emergenetics Profile.

I recently came across an interesting problem: is it possible to dynamically create TypeScript definitions for a React component library that doesn't use TypeScript at all?

What happens after you are a Senior Engineer in a startup?

Lighthouse has been part of my daily work for the last few months and I shared some snippets in my last few posts.

HAR (HTTP Archive) is a JSON file containing all information about a browser’s interactions with a page.

Earlier this year, Google announced that “page experience” would impact its search ranking.

Lighthouse captures the rendering timeline of a page in 10 images.

Have you ever about thought tracking what is added to a page or web app?

Lighthouse is the go-to tool for improving the quality of web pages.

This is the Portuguese version of the post Facing importor syndrome and time management issues that I wrote back on April.

Git is a very powerful tool, and it can be a little scary sometimes.

As a content creator, I like to know page analytics of my website.

In my previous post, I covered how to add screenshot testing in Cypress to ensure components unintentionally change over time.

Developers are usually concerned about the quality of their code.

Earlier on April I moved this website from Wordpress to Hugo.

Another day I was asked to build a table containing a list of files uploaded by the users.

ESLint is a powerful tool to enforce consistent coding conventions and ensure quality in your JavaScript codebase.

When I consider the performance of a website, the first things that come to mind are; looking at the requests of a page, understanding what resources are being loaded, and how long these resources take to be available to users.

Last October I created a Mentoring Framework at work.

Working in multiple Node projects sometimes means using different versions of Node. nvm is one popular solution for Linux, macOS and Windows WSL that handles multiple Node installations.

Adding dependencies in a project is seen as a good way to not reinvent the wheel but at the same time it can be concerning in many different aspects:

I often hear people talking about impostor syndrome and time management issues.

In the last few days, I worked to move this website to Hugo.

A while ago I started a thread on Twitter with a few terminal tips.