Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
59

Latest Updates

Documenting code, one commit at a time.

English 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 Astro CSS HTML

Optimizing Responsive Layouts in Hotelgatuno

Improving Visual Hierarchy

In the ongoing development of the Hotelgatuno project, we have been focusing on refining our site's responsiveness. Ensuring a consistent experience across various screen sizes is critical for user engagement and accessibility.

The Challenge

Previously, our container elements stretched to the full width of larger monitors, causing text lines to become

0 React HTML

Mastering React Lifecycle: Implementing Timers with useEffect

Managing side effects in modern React applications often feels like trying to keep a spinning plate stable while the floor moves beneath you. In the React-Platzi project, I recently revisited how we handle time-based updates, specifically when building clock components that need to synchronize with the browser's internal clock.

The Lifecycle Trap

Many developers treat React components like

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 CSS HTML SCSS Sass

Refining the Main Content: Strategic UI Improvements in Spense

Consistency is the foundation of a polished user experience. Recently, I focused on iterating through the main content area of the Spense project to ensure the layout remains both scalable and visually cohesive across different device sizes.

The Challenge of Content Density

When building a landing page or a content-heavy dashboard, the main container often becomes a catch-all for various UI

0 CSS SCSS Sass

Refining Footer Navigation: Improving UI Consistency with Sass

The Problem

In our Spense project, we noticed that the footer navigation lacked visual hierarchy. The link sizes were inconsistent with the rest of the application's design system, making the footer feel disconnected and unpolished on smaller viewports.

The Approach

To address this, we refactored the footer navigation styles using Sass. By moving away from hardcoded values and leveraging

0 HTML CSS Sass

Building the Foundation: Crafting Hero Sections and Navigation

When building a web project like the Crowdfunding-Page, the first impression matters. The 'Hero' section and navigation are the front door of your application; they define how a user perceives your brand and how easily they can traverse your platform.

The Anatomy of a Hero

A hero section needs to balance visual impact with clear utility. Using SCSS allows us to manage these styles

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: