Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
59

Latest Updates

Documenting code, one commit at a time.

JavaScript 10 posts
×
0 JavaScript

Documenting the Journey: Why README Updates Are the Most Important Commits

In software development, we often obsess over the code, the architecture, and the performance metrics. Yet, one of the most critical components of any project often goes neglected: the documentation. This post reflects on a recent update to the Hyperblog-G project and why maintaining a clear README is a core engineering practice.

The Problem of Implicit Knowledge

When starting on a new

0 JavaScript React

Starting Fresh: Initializing the React-Platzi Foundation

Starting the Foundation

Every great project begins with a single commit. We recently initiated the repository for React-Platzi, setting the stage for building out our core features. This initial setup is more than just a folder structure; it defines the patterns and standards we will follow as we scale our components and manage state.

Establishing Core Principles

By starting from a clean

0 JavaScript

Maintaining Clean Repositories: The Importance of a Structured .gitignore

In our development workflows, managing the cleanliness of our repositories is a fundamental practice. It ensures that only necessary project files are tracked, preventing sensitive data or unnecessary build artifacts from cluttering our version control history. Recently, within the Hyperblog-G project, we focused on refining our ignored files configuration to ensure a more streamlined development

0 Astro JavaScript

Scaling UI Interactions: Modularizing Reservations and Contacts in Astro

Building interactive user experiences often starts with simple forms, but as projects grow, managing state and component isolation becomes a significant challenge. In the hotelgatuno project, I recently focused on restructuring the frontend by extracting specific booking and contact functionality into dedicated, reusable components.

The Challenge of Growing Components

When building a site

0 JavaScript

Starting Fresh: Building the Foundations of astro-3

Every major project starts with a single step. For the astro-3 project, that step is the initial commit—the moment where a blank directory transforms into a workspace. Starting a new repository is more than just running an initialization command; it is the act of setting the stage for everything that follows.

The Blank Canvas

When I initialized the astro-3 project, the goal was simple:

Building Scalable RESTful Services with Express

Getting Started with Express

When building modern web applications, the foundational layer of your API is crucial. The Node-Express project focuses on streamlining the setup and management of robust RESTful services. By leveraging Express, developers can handle complex routing and middleware logic with minimal boilerplate, allowing for highly modular backend architecture.

0 JavaScript PayPal

Mastering Asynchronous Patterns in JavaScript

Introduction

Handling asynchronous operations is a fundamental skill for any JavaScript developer. In the "Asincronismo" project, we focus on establishing a clean architectural foundation to manage non-blocking code effectively, which is essential for tasks like integrating third-party services such as PayPal.

The Challenge of Asynchronicity

Think of asynchronous programming like

Integrating Supabase into the hotelgatuno Project

The Challenge

When scaling the hotelgatuno project, we needed a robust way to manage dynamic data—specifically for our facility management features. We wanted to move away from static configurations and provide a more responsive experience for users browsing our available services.

The Integration

We chose to integrate Supabase into our existing Astro and Tailwind CSS stack.

0 React JavaScript

Mastering the useEffect Hook: Managing Side Effects in React

Building interactive interfaces in React often feels like keeping a plate spinning—you need the UI to stay responsive while simultaneously handling data fetching, subscriptions, or manual DOM updates. These background tasks are what we call "side effects," and mastering them is the key to a stable React application.

Understanding the Need for Effects

In the React-Platzi project, we recently

Bootstrapping Modern Serverless Workflows with DynamoDB

Starting a new project often feels like standing before a blank canvas. With the recent initialization of the Landing-Gs project, the focus has shifted toward building a robust foundation for cloud-native operations using Serverless architectures and DynamoDB.

Why Serverless and DynamoDB?

Choosing a serverless approach is about more than just avoiding server management; it's about shifting