Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
70

Latest Updates

Documenting code, one commit at a time.

Scaling Your Portfolio: The Power of Modular React Components

Building a personal portfolio is often the first real test of a developer's ability to maintain a codebase that is both scalable and readable. In the recent development of the Ryuu-no-Mi/my-portfolio project, I focused on refactoring the existing architecture to better accommodate new features and content.

The Problem: When Portfolio Growth Leads to Clutter

When we start a new project, we

Refactoring for Scale: Streamlining Portfolio Component Architecture

The Problem

As our portfolio project grew, our component structure became increasingly tangled. We were managing static content within primary layout files, making it difficult to maintain and hindering our ability to implement internationalization (i18n) effectively. The lack of a modular approach was slowing down updates.

The Approach

We initiated a refactor to decouple logic from the

0 JavaScript React

Optimizing Asset Management in Ryuu-no-Mi/my-portfolio

Improving Asset Resolution

In our latest update to Ryuu-no-Mi/my-portfolio, we focused on refining how the application handles image assets across the Hero component and our centralized content management data. Maintaining consistent paths for visual assets is critical for a smooth user experience, especially in a portfolio environment where visual fidelity is paramount.

The Challenge of

Ensuring Data Integrity: Adding a Required Operation Field in React Forms

In the Inmotech-Frontend project, which facilitates the management and creation of property listings, a recent update focused on enhancing data integrity and user experience during property submission. This change was primarily driven by new backend requirements that mandate specific fields for all new properties.

The Challenge: Backend Requirements Meet Frontend Forms

Previously, the

Streamlining URL Query Parameters: Customizing Axios for Clean Search Filters

On the Inmotech Frontend project, we recently tackled a common challenge in API communication: inconsistent URL query parameter serialization. This often arises when integrating with backend services that expect a specific format for array parameters, differing from the default behavior of popular HTTP clients like Axios.

Ever found yourself debugging an API request only to realize the backend

Streamlining User Access: Integrating Google OAuth2 into React Frontend

In the fast-paced world of web applications, friction in user authentication can be a deal-breaker. A complex signup process often translates directly into lost users. This is why simplifying access, like integrating social logins, becomes a critical enhancement. Our Inmotech-Frontend project recently embraced this philosophy by integrating Google OAuth2, offering users a quick and secure way