A Andres Hernandez
Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
172

Filtered Posts (Clear all)

Bootstrapping Modern Web Applications with Promptd

Foundation Matters

Starting a new project often feels like staring at a blank canvas. With the recent launch of the Gothsec/promptd project, we focused on establishing a robust, scalable foundation that balances rapid development with clean architectural patterns. By utilizing React and Next.js, we ensure the interface is both performant and highly interactive.

Establishing the Structure

When setting up the base architecture, the primary goal was to create a maintainable CSS

August 18, 2026 0 React Next.js

Optimizing Prompt Navigation in Gothsec/promptd

Refined URL Strategy

In our ongoing work with the Gothsec/promptd project, we identified a need to streamline how users navigate our prompt categories. By moving away from broad, top-level URL structures, we have tightened the routing logic to focus exclusively on specific subcategories.

The Challenge

Previously, our application used a more permissive routing pattern that often led to ambiguity in URL resolution. As the number of prompts grew, this structure made it difficult to

August 17, 2026 0 React Supabase

Enhancing UI Accessibility and Consistency in Promptd

The Challenge

In our ongoing development of the Gothsec/promptd project, we recognized that our interface needed better visual hierarchy and clarity, especially concerning legal compliance and user transparency. Specifically, the text colors used for our Privacy and Terms of Service disclosures lacked sufficient contrast, making them difficult for some users to read against the standard background.

The Solution

To address this, we performed a targeted update to our React-based UI

Simplifying Authentication: Adding Social Providers to promptd

Building a custom authentication system from scratch is a classic trap. You spend weeks perfecting password hashing and session management, only to realize your users just want to click 'Sign in with Google' and move on with their day. Recently, in the promptd project, we decided to offload this complexity by integrating managed identity providers.

The Authentication Overhead

When scaling an application, the burden of maintaining user credentials grows exponentially.

Streamlining Analytics: Ensuring Clean Google Tag Integration

Tracking user behavior is critical for data-driven decisions, but implementation details can often get buried under layers of configuration. In the rifasvelez-web project, we recently had to perform a targeted cleanup of our analytics integration to ensure that Google Tag (gtag) operates as intended without interference from extraneous scripts or partial configurations.

The Complexity of Analytics Setup

When working with modern frontend frameworks like Astro and React, it is tempting to

Modernizing rifasvelez-web: A V2 Journey with Hexagonal Architecture

Introduction

The rifasvelez-web project recently underwent a significant architectural shift with its "V2" update. This overhaul wasn't just about new features; it was a fundamental re-evaluation of how we build and maintain our application, ensuring it remains robust and adaptable for future growth. The core of this modernization involved adopting Hexagonal Architecture to separate concerns and enhance modularity.

The Problem

In many evolving web applications, initial rapid

Evolving rifasvelez-web: Embracing Hexagonal Architecture for V2

In the rifasvelez-web project, our focus is on delivering a robust and maintainable web platform. Recently, a significant milestone was reached with the integration of V2 updates, fundamentally driven by an architectural shift towards Hexagonal Architecture. This upgrade was more than just a feature release; it was a strategic move to enhance the system's resilience and adaptability.

The Symptoms

As rifasvelez-web grew, we started noticing common challenges associated with tightly

Unifying UI: Building a Reusable Countdown Component in React

The rifasvelez-web project recently saw an update focusing on UI refinement, specifically the introduction of a unified React countdown component. This change addresses the common challenge of maintaining consistent user experiences across various parts of a web application when specific UI elements are repeated.

The Challenge of UI Duplication

In many web projects, certain interactive elements, like a countdown timer, appear on multiple pages or sections.

Enhancing rifasvelez-web: The V2 Journey Towards Modern, Maintainable UI

Introduction

The rifasvelez-web project recently underwent significant v2 changes, aiming to refine its user interface and underlying architecture for improved maintainability and user experience. This update wasn't just about new features; it was a strategic overhaul to ensure the application remains robust, scalable, and delightful to use. A key aspect of this transformation involved modernizing our approach to styling, moving towards a more efficient and consistent methodology.

Modernizing UI: Embracing Utility-First Styling in a V2 Refresh

Our recent merge into the rifasvelez-web project, marked as v2 changes, signals a significant update to the application's user interface and experience. This update focused on refining the visual language and streamlining the styling process, moving towards a more robust and maintainable frontend architecture.

The Challenge: UI Evolution

As web applications grow, maintaining a consistent and scalable UI becomes increasingly complex. Developers often face challenges such as:

Andres Hernandez

Andres Hernandez

Product-focused Software Developer specializing in the React ecosystem (Next.js, TypeScript). Proven experience contributing to high-impact open source projects and building scalable web applications. Committed to clean code, UI/UX design principles, and SOLID architecture to solve complex problems.