Latest Updates

Documenting code, one commit at a time.

Streamlining React Frontends: A Refactoring Journey in sivbg-project

The Refactoring Challenge in sivbg-project

As React applications grow, a common challenge emerges: App.jsx can quickly become a monolithic file, centralizing too many concerns and making the codebase difficult to navigate, test, and maintain. In our sivbg-project frontend, we recognized this growing complexity and initiated a significant refactor aimed at enhancing modularity and

Read more

Automating the Narrative: Playwright E2E for Hackathon Demos

The UEMOA FresCoop project, focused on empowering agricultural cooperatives, recently faced a crucial challenge: presenting a complex, multi-stakeholder narrative at a hackathon. Live demos are often high-stakes performances, and for a project like FresCoop, which involves a 10-step user journey from producer to administration, the risk of technical glitches or missed steps can be significant.

Read more

Solving React SPA 404s in Docker: Nginx, npm ci, and Secure Environments

Developing a modern web application often involves a frontend framework like React, a backend API, and Docker for deployment. While Docker simplifies much of this, specific challenges can arise, especially when deploying Single Page Applications (SPAs). This post details recent improvements to the devops-portfolio-mern project, focusing on how we tackled common Dockerization pitfalls,

Read more

Streamlining Full-Stack Development with Docker Compose: A Project deep dive

Developing full-stack applications often involves juggling multiple services, databases, and environments. This complexity can be a significant hurdle for developer onboarding and maintaining consistent development, staging, and production environments. Our recent work on the react-fil-rouge project aimed to tackle this challenge head-on by implementing a complete Dockerization strategy.

Read more