Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
9

Latest Updates

Documenting code, one commit at a time.

React 6 posts
×

Starting Fresh: Foundations of a Cross-Platform React Native Project

Building a new application is like choosing the architectural style of a house before laying the foundation. For the Naty-Arevalo/app-react-native project, we are setting up a robust base designed for high performance and scalability across mobile platforms.

The Vision

Starting a new project requires careful consideration of the tech stack. By leveraging the React Native ecosystem paired

0 React JavaScript

Implementing Secure Google Authentication in FutbolFem

In the ongoing development of the FutbolFem project, we have focused on enhancing user security and accessibility by integrating Google Authentication. This feature replaces manual registration flows with a streamlined OAuth process, ensuring that users can sign in reliably while reducing the surface area for credential-related security vulnerabilities.

The Shift to Social Auth

0 React CSS

Structuring Detail Views: Enhancing UI Clarity in React

Building a consistent user experience often comes down to how effectively you present information. In the Naty-Arevalo/Entrega-final-reactjs-arevalo project, we focused on modularizing our UI by introducing a dedicated component for individual product views.

The Design Challenge

When scaling a React application, treating every piece of the interface as a monolithic block becomes a

Kicking Off Alma-bohemia: Foundations for a New Web Application

Getting Started

Starting a new project, like the Alma-bohemia repository, often begins with a blank slate and the excitement of defining the project's foundation. Whether you are building a personal portfolio or a complex application, the initial setup phase is the most critical step to ensure long-term maintainability and performance.

Establishing the Project Core

For modern web

Enhancing Visual Storytelling in Alma-bohemia

Integrating Real Assets

Visual identity is a cornerstone of the Alma-bohemia project. Recently, our focus shifted from placeholder structure to integrating high-fidelity, real-world imagery to ground the user experience. Transitioning from abstract layouts to a content-first approach requires careful handling of asset management to maintain performance without sacrificing visual quality.

0 React Bootstrap

Optimizing SEO Performance in React-Based Web Applications

Boosting Discoverability

Search Engine Optimization (SEO) is often an afterthought in client-side rendered applications, yet it remains the primary driver for organic traffic. In the context of the Naty-Arevalo/FutbolFem project, we recently focused on implementing metadata strategies to ensure the application content is correctly interpreted by web crawlers and social platforms.