Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
70

Latest Updates

Documenting code, one commit at a time.

React 10 posts
×

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

0 React OAuth

Navigating Null Dates: A Key Fix in Inmotech Frontend's OAuth Integration

Integrating third-party authentication can be a developer's double-edged sword: powerful features, but often with inconsistent data guarantees. In our Inmotech-Frontend project, we recently encountered a classic example of this when dealing with OAuth user data – specifically, how null date values can unexpectedly break a smooth user experience.

Our Inmotech-Frontend application leverages

0 React Stripe

Integrating Stripe Payments into React: A Frontend Implementation Guide

The Inmotech Frontend project recently implemented a new feature to enable seamless online payments using Stripe. This enhancement allows users to subscribe to premium plans directly within the application, offering a smooth and secure checkout experience. This post details the frontend integration steps, from setting up the necessary libraries to creating the user flow for successful and

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

Precision in Property Listings: Handling New Fields and Fixing Display Bugs

In property management applications, displaying accurate and comprehensive property details is paramount. Small inaccuracies or missing information can significantly impact user experience and the overall reliability of the platform. The continuous evolution of data requirements and the pursuit of pixel-perfect precision are ongoing challenges in frontend development.

Project Context:

Bridging the Gap: Aligning Frontend Fields with Backend DTOs in React

Ever spent hours debugging a mysterious bug, only to find it was a simple mismatch in field names between your frontend and backend? It's a common pitfall, especially in rapidly evolving applications.

In the Inmotech-Frontend project, our team recently tackled precisely this challenge to streamline property management features.

The Problem: Mismatched Data Contracts

We encountered an

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