Albert BF's Blog

Welcome to my minimalist blog featuring my thoughts, projects, and opinions on technical topics.

Building a Browser-Based Video Editor with FFmpeg.wasm

Creating a fully functional video editor that runs entirely in your browser. From timeline drag-and-drop to complex FFmpeg filter chains, here's how I built SSVE - a simple yet powerful tool for quick video edits.

video-editingffmpegwebassemblyreactnextjsbrowsertypescript

TTRPG Session Manager: Building a Browser-Based GM Companion

Exploring the design and implementation of a web-based campaign management tool that helps Game Masters run smoother TTRPG sessions through organized file management, dynamic audio control, and real-time session tracking.

next.jsfile-system-apittrpgweb-apptypescriptgame-mastering

Auto-Grade Part 2: Navigating the Chaos of 100% Test Coverage

A deep dive into the evolution of the Auto-Grade project, exploring the challenges of maintaining 100% test coverage, the decision to refactor for sanity, and the performance gains from integrating GridFS.

llmtestingrefactoringfastapipythongridfsdocker

Mini-Gandalf: A Puzzle Sandbox for Exploring LLM Defenses

Diving into the design and mechanics of a multi-level puzzle game inspired by Lakera's Gandalf, where players extract secrets from an LLM while navigating escalating defensive techniques and tool-based protocols.

llmprompt-engineeringred-teamingsecuritypuzzlepythondocker

Performance First: Optimizing for Lightning-Fast Load Times

Deep dive into the performance optimizations that make albertbf.com load in under 200ms, including critical CSS inlining, edge caching, and resource optimization strategies.

performanceweb-optimizationcloudflarecssjavascript