Latest Updates

Documenting code, one commit at a time.

React 10 posts
×

Seamless Shopping: Integrating a Cart into React with Redux

The 'AplicacionJoyeria' project, an e-commerce platform specializing in jewelry, recently completed a significant enhancement: the seamless integration of a shopping cart into its React application. This feature is fundamental to any e-commerce experience, allowing users to collect items before purchase, and its implementation requires careful consideration of state management and user experience.

Read more

Crafting a Seamless Login Experience with React, Vite, and Tailwind CSS

Authentication is the gateway to any secure application, and ensuring a smooth, intuitive login experience is paramount. For the AplicacionJoyeria project, we recently streamlined our user access by developing a robust login system. This post dives into how we leveraged modern web technologies like React for dynamic UI, Vite for a blazing-fast development experience, and Tailwind CSS for rapid

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