Home Projects Portfolio Dashboard Export PDF Log in

Languages

English
114

Latest Updates

Documenting code, one commit at a time.

React 10 posts
×

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

Securing and Streamlining Reporting: RBAC and JWT in a NestJS Application

Project Context: Enhancing the sivbg-project

The sivbg-project aims to develop a robust platform, and a recent update focused on solidifying its security foundation and simplifying initial data reporting. This involved implementing a comprehensive Role-Based Access Control (RBAC) system, integrating JWT for authentication, and introducing a streamlined API for creating minimal reports