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

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

Introduction

Integrating a React frontend with a Spring Boot backend can sometimes feel like navigating a maze. Ensuring smooth data flow and efficient updates between these two powerful frameworks is crucial for modern web application development. This post dives into a strategy for merging updates between a React-based user interface and a Spring Boot API, focusing on consistent data

Introduction

Managing application state can become complex as React applications grow. Redux offers a solution, but its traditional setup often involves considerable boilerplate. Redux Toolkit simplifies this process, and when combined with Thunks and Slices, it provides a more efficient and maintainable approach to state management.

Simplifying Redux Setup

Redux Toolkit streamlines

Introduction

The FNSM-2026-PORTAL/FNSM-Portal-Frontend project focuses on developing the user interface for the FNSM portal. Recent work has concentrated on refining the location picker component and eliminating hardcoded values to enhance flexibility and accuracy.

The Challenge

The initial implementation of the location picker suffered from a bug that affected its accuracy.