Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
50

Latest Updates

Documenting code, one commit at a time.

Refining UI Consistency in React Native Applications

Visual Polish and Component Maintenance

Consistency in UI design is the backbone of a good user experience. When working on the Naty-Arevalo/app-react-native project, maintaining a clean visual interface often requires iterating on style definitions to ensure they align with the broader application design system.

Recently, we focused on refining our layout and typography styles to ensure

0 React JavaScript

Handling Case-Sensitivity Issues in React Components

Introduction

In the FutbolFem project, we recently addressed a subtle but impactful bug related to case-sensitivity. When working with dynamic data rendering in React, minor inconsistencies in string matching can lead to broken UI states or missing data. This post explores how to normalize your data inputs to prevent such issues.

The Problem

Case-sensitivity bugs often manifest when

Scaling Alma-bohemia: Integrating Firestore for Product Management

Building an e-commerce platform like Alma-bohemia requires a robust backend that can grow with your catalog. Recently, I shifted our focus from manual data entry to a structured approach for managing product data using Firebase and Firestore.

The Challenge: Centralized Product Data

Previously, managing product inventory was fragmented. Without a single source of truth, keeping track of

0 JavaScript

Iterative Development in Proyecto-Js: Lessons from Our Second Delivery

Milestone Progress

Progress in software development is rarely a straight line; it is a series of iterative cycles. Working on the Proyecto-Js repository, I have just completed the second major delivery. This phase was focused on refining the core functionality and stabilizing the codebase for further growth.

The Iterative Approach

Breaking project development into numbered deliveries

Starting Fresh: Foundations of a Cross-Platform React Native Project

Building a new application is like choosing the architectural style of a house before laying the foundation. For the Naty-Arevalo/app-react-native project, we are setting up a robust base designed for high performance and scalability across mobile platforms.

The Vision

Starting a new project requires careful consideration of the tech stack. By leveraging the React Native ecosystem paired

0 React JavaScript

Implementing Secure Google Authentication in FutbolFem

In the ongoing development of the FutbolFem project, we have focused on enhancing user security and accessibility by integrating Google Authentication. This feature replaces manual registration flows with a streamlined OAuth process, ensuring that users can sign in reliably while reducing the surface area for credential-related security vulnerabilities.

The Shift to Social Auth

Kicking Off Alma-bohemia: Foundations for a New Web Application

Getting Started

Starting a new project, like the Alma-bohemia repository, often begins with a blank slate and the excitement of defining the project's foundation. Whether you are building a personal portfolio or a complex application, the initial setup phase is the most critical step to ensure long-term maintainability and performance.

Establishing the Project Core

For modern web

Enhancing Visual Storytelling in Alma-bohemia

Integrating Real Assets

Visual identity is a cornerstone of the Alma-bohemia project. Recently, our focus shifted from placeholder structure to integrating high-fidelity, real-world imagery to ground the user experience. Transitioning from abstract layouts to a content-first approach requires careful handling of asset management to maintain performance without sacrificing visual quality.