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 Node.js

Optimizing Build Stability: Enforcing Clean Environments

Ensuring a consistent build environment is the backbone of reliable software deployment. For the JoelRodriguezDEV/uclosset-server project, recent efforts focused on hardening the deployment process by enforcing clean builds and standardizing network host configurations. Dealing with build-related inconsistencies can feel like trying to build a house on shifting sand; if the foundation isn't

0 React JavaScript

Maintaining Clean Metadata: Why Application Naming Consistency Matters

Keeping Metadata Clean

In the fast-paced environment of frontend development, it is easy to let small naming inconsistencies slip through the cracks. While they might seem minor, maintaining clear and accurate project metadata is crucial for long-term project health and internal documentation.

The Challenge

Within the 404-software-frontend project, we recently identified a mismatch

Structuring the dona-ana-backend: Initializing with Strapi and Hexagonal Architecture

Foundation

We have officially kicked off the development of the dona-ana-backend project. Our goal is to create a robust and maintainable API service that can grow alongside our requirements. To achieve this, we have decided to utilize Strapi as our content management foundation, wrapped in a Hexagonal Architecture pattern.

The Challenge

Starting a new project often brings the

0 JavaScript Strapi

Solving Production Asset Paths in Strapi Frontend Integrations

When managing assets like images in a headless CMS architecture, environment parity is key. Recently, while working on the dona-ana-frontend project, we addressed an issue where image URLs were incorrectly resolving in production, leading to broken visual assets.

The Asset Path Challenge

In local development, assets often live at relative paths or within a local server root.

0 HTML JavaScript CSS

Refining UI Responsiveness in BeatFinder

Building a music-centric interface comes with a unique set of challenges, particularly when it comes to keeping the layout intuitive across various screen sizes. In the latest update to BeatFinder, I shifted focus from adding new features to auditing the existing UI and ensuring a truly responsive experience.

The UI Challenge

When working on complex interfaces, it is easy for CSS rules to

Getting Started with Text Processing: Building a Web Encryptor

Introduction

Starting a new project is an excellent way to solidify core web development concepts. Recently, I began working on the Encriptador-texto project, a tool designed to handle basic string transformations. This challenge provides a great sandbox for practicing the fundamentals of web interaction.

The Architecture of a Simple Tool

At its core, a text processor consists of three

0 HTML JavaScript CSS

Improving CORS and UI Consistency in BeatFinder

The Problem

As BeatFinder continued to grow, we encountered two common hurdles that frequently affect web applications: restrictive Cross-Origin Resource Sharing (CORS) policies preventing smooth API communication and inconsistent UI components across the platform. These issues created friction for users and developers alike.

The Approach

To resolve these issues, we implemented a

0 React JavaScript

Keeping the House in Order: The Impact of Clean Imports in React

Keeping a codebase clean is often a game of marginal gains. While a single unused import won't crash your production server, allowing them to accumulate over time creates unnecessary noise, inflates bundle sizes, and makes the developer experience feel cluttered. I recently took a pass at cleaning up imports within the U-Closset-E-Commerce project to ensure our React environment remains lean and

Architecting a Scalable E-Commerce Experience: From Concept to Deployment

Introduction

In this project, U-Closset-E-Commerce-, we focused on building a robust and scalable architecture for an online storefront. By utilizing modern web technologies, we created a seamless shopping experience that is ready for production.

The Technical Foundation

To ensure our storefront remains maintainable and efficient, we adopted a modular approach.

0 HTML JavaScript Strapi

Improving Frontend UX: Implementing Loading States and Caching

Improving UX with Intentional Loading States

Waiting is an inevitable part of the web experience, but how an application handles that wait defines the perceived performance. In the dona-ana-frontend project, we focused on refining the user interaction model by introducing visual feedback during data fetching and implementing local caching for the navigation menu.

The Problem: Data