Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
55

Latest Updates

Documenting code, one commit at a time.

English 10 posts
×
0 CSS HTML

Refining Media Queries: From Relative Units to Pixel Precision

In the Seba-fernandez/Greenset-Landing project, we recently underwent a refinement phase focused on mobile responsiveness and asset optimization. While flexible units like rem are fantastic for general typography, we found that pixel-based breakpoints provide a more predictable layout experience when targeting specific device widths.

The Shift to Precise Breakpoints

Responsive design is

0 HTML CSS Google Cloud

Mastering Responsive Design: A Journey Through QR Code Component Development

Building a simple UI component often reveals more about your CSS fundamentals than complex architectural overhauls. Recently, I tackled the 'QR Code Component' challenge, a classic exercise that tests the ability to center content and maintain responsiveness across viewports.

The Design Challenge

The goal was to create a clean, responsive card that holds an image and text.

0 DynamoDB Serverless

Architecting a Scalable Library Management API with Serverless and DynamoDB

Starting a new project often feels like staring at a blank canvas. With the initialization of the api_biblioteca project, I am laying the foundation for a modern library management system built on serverless principles.

The Design Philosophy

When building a new API, the goal is to decouple the infrastructure from the application logic. By utilizing a serverless architecture, we remove the

0 HTML Google Cloud

Maintaining Web Clarity: Standardizing the Greenset Landing Page

Refinement Strategy

Sometimes, the most impactful work isn't a massive architectural overhaul, but a series of disciplined updates to our front-facing assets. In our ongoing efforts to support the Greenset-Landing project, we recently focused on cleaning up the core index file to ensure consistent rendering and improved maintainability.

Working with static landing pages in a cloud-hosted

0 JavaScript MongoDB

Managing Database Connections: Best Practices for Environment Configuration

Managing database connection strings within a growing application can quickly become a bottleneck if handled incorrectly. In the Seba-fernandez/api_biblioteca project, we recently focused on standardizing our MongoDB configuration to ensure consistent behavior across different environments.

The Problem with Hard-Coding

Hard-coding database credentials or connection strings is a common

0 HTML

Maintaining Momentum: Incremental Updates to the Greenset Landing Page

Small, consistent improvements are the lifeblood of a healthy project. In the Greenset-Landing repository, we recently shifted our focus from large-scale overhauls to targeted refinements of our main entry point.

The Challenge of Static Pages

Landing pages are often the most overlooked part of a codebase. Because they are typically static HTML, it is easy to let them become stale or drift

0 JavaScript HTML

Optimizing Form Handling in the Greenset-Landing Project

Updating a user-facing form might seem straightforward, but maintaining a clean, responsive input flow is the backbone of a successful landing page. Recently, while working on the Greenset-Landing project, I focused on refining our client-side form logic to ensure that interactions are both predictable and efficient.

The Challenge

Landing pages often suffer from "heavy" scripts that validate

0 Repository Pattern

Mastering the Repository Pattern: A Foundation for Scalable Architecture

In software development, keeping your data access logic separate from your business logic is key to building maintainable systems. I have been working on the "skills-introduction-to-github" project recently, and it served as a great reminder of why fundamental architectural patterns, like the Repository Pattern, are essential.

The Problem: Data Access Overload

When we start a new project, it

Structuring Data for Better Visibility: Lessons from Results_Table

The Challenge

Visualizing data effectively is a common bottleneck in web development. When building internal tools or dashboards, developers often struggle with creating clean, accessible layouts that present complex information without overwhelming the user. In the Results_Table project, the goal was to streamline how data is rendered using semantic structure and modern styling.

0 HTML CSS

Optimizing Project Assets: The Importance of Dead Asset Removal

Improving Performance through Asset Cleanup

In the lifecycle of a web project, digital rot is an inevitability. As features evolve and designs change, media files often remain in the codebase long after their utility has expired. Recently, while working on the Greenset-Landing project, we identified the need to streamline our asset directory by removing legacy image files that were no longer