Latest Updates

Documenting code, one commit at a time.

English 10 posts
×

Crafting a Seamless Services Page with Astro

Building a new page on an existing website can often feel like a complex puzzle, especially when aiming for performance and maintainability. For the balconeria-omar project, the recent addition of a dedicated 'Services' page presented an opportunity to leverage Astro's strengths for static content generation and component-based design.

The Situation

Previously, information about

Read more

Streamlining Authentication: Fixing Forms and Enhancing User Experience in AplicacionJoyeria

Building a robust authentication system is crucial for any application. In the AplicacionJoyeria project, recent updates focused on refining the user login and signup experience, addressing critical form validation, and introducing a more intuitive user menu.

The Challenge

Initial iterations of the login and signup forms presented a common challenge: ensuring consistent and secure input

Read more

Building Secure Logins: Client-Side Validation and Spring Boot Integration with React

In the AplicacionJoyeria project, we've recently enhanced our user authentication system by implementing robust client-side login validation and integrating it seamlessly with a Java Spring Boot backend. This ensures a more secure and user-friendly login experience, preventing common errors and protecting our application from invalid input.

The Dual Layer of Login Validation

Read more

Building a Dynamic Shopping Cart with React, Redux, and Material UI

The Challenge

For AplicacionJoyeria, a robust and intuitive shopping cart feature was not just a convenience, but a critical component for driving conversions and user satisfaction. The challenge involved not only allowing users to add and remove items but also managing quantities, calculating totals, applying potential discounts, and persisting this state across sessions – all while

Read more

Crafting a Dynamic Home Screen with React, Redux, and Tailwind CSS

Building engaging and performant user interfaces is a cornerstone of modern web development. For the AplicacionJoyeria project, the recent work focused on developing a robust and intuitive home screen. This post dives into how we leveraged a powerful trio of technologies—React for UI, Redux for state management, and Tailwind CSS for styling—to achieve this.

Introduction

Read more

Building a Dynamic Items Screen with React, Redux, and Material UI

Developing robust and interactive user interfaces is a core task for modern web applications. In the AplicacionJoyeria project, a new 'Items screen' was recently completed, designed to display a comprehensive list of jewelry items to users. This feature is crucial for showcasing the product catalog effectively, requiring a blend of efficient state management, responsive UI components, and a

Read more

Enhancing UX with Loading Spinners and Item Modals in React

Let's face it: users hate waiting. In modern web applications, providing visual feedback during loading processes and offering detailed views of selected items is crucial for a smooth user experience. This post explores how to implement loading spinners and item modals in a React application using Material UI and Tailwind CSS.

The Need for Visual Feedback

When fetching data or performing

Read more
JavaScript Redux

Improving Filter Performance in JavaScript Applications

Introduction

Poorly performing filters can significantly degrade the user experience in JavaScript applications, especially when dealing with large datasets. This post will explore how to optimize filter logic for improved performance, ensuring a smoother and more responsive application.

The Problem: Inefficient Filtering

Imagine a scenario where you have a large dataset of product

Read more

Building a RESTful API with Spring Boot: A Jewelry Application Case Study

Introduction

This post explores the development of a RESTful API using Spring Boot, focusing on the "AplicacionJoyeria" project. While details of the specific application are not available, this post will outline the common steps and best practices involved in creating such an API, incorporating technologies like Spring, Maven, Hibernate, JUnit, PostgreSQL, Swagger, JWT, Stripe, and the

Read more