Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
52

Latest Updates

Documenting code, one commit at a time.

React 10 posts
×

Building a Secure, Scalable Admin Dashboard for Content Moderation

Introduction

In the realm of dynamic web applications, user-generated content is a double-edged sword: it drives engagement but demands robust moderation. Efficiently reviewing and managing content is critical for maintaining platform quality and user safety. The challenge lies in building a system that is both secure and scalable, allowing administrators to moderate content without friction.

Resolving 'global is not defined' in Vite with AWS Amplify Cognito

Developing a frontend application, specifically for the justifai project, presented an unexpected hurdle: a blank white page immediately after loading. The root cause? A ReferenceError: global is not defined error, stemming from the amazon-cognito-identity-js module.

The Problem

The amazon-cognito-identity-js library, often used with AWS Amplify for authentication, was originally

Enhancing Admin Decision UX: Persistent States and Dynamic Feedback in Justifai

The justifai project involves critical document processing, where administrators rely on a dashboard to efficiently review and validate documents. Previously, the user experience for making these decisions had a small but significant flaw: validated document cards would disappear almost immediately after an action, making the visual confirmation of a decision fleeting and difficult to audit.

Redefining User Experience: A MERN Portfolio UI Overhaul

The Challenge

Our devops-portfolio-mern project, while functionally robust, presented a user interface that had grown organically, leading to inconsistencies in design, a fragmented color palette, and an unoptimized presentation of project work. The site suffered from multiple accent colors that diluted its visual identity, and arbitrary skill percentages that lacked verifiable backing.

Unlocking Global Reach: Implementing Multilingual Support in React Applications

The Challenge of a Global Audience

In today's interconnected world, reaching a diverse user base often means supporting multiple languages. For the sivbg-project, a key initiative was to expand its accessibility by introducing comprehensive multilingual support. While seemingly straightforward, implementing internationalization (i18n) effectively in a web application, especially one built

Boosting Code Quality and Accessibility in React with SonarQube

Introduction

In the sivbg-project, maintaining high code quality and ensuring robust accessibility are paramount. This post delves into recent efforts focusing on leveraging static analysis tools like SonarQube to enhance our codebase. We'll explore how targeted configurations and a keen eye on accessibility, particularly in React components, pave the way for a healthier, more maintainable

Building Privacy-First Analytics: Anonymized Indicators Dashboard for `sivbg-project`

Project Context

In the sivbg-project application, we recently tackled a crucial challenge: providing valuable, data-driven insights to our stakeholders without compromising user privacy. The goal was to develop an indicators dashboard that aggregates critical metrics and distributions, ensuring no nominative data is ever exposed.

The Challenge: Actionable Insights vs. User Privacy