Albert BF's Blog

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

Auto-Grade: Shipping v0.2.0 — From Prototype to Product

Announcing Auto-Grade v0.2.0: a milestone release featuring complete file management, polished UI, Python 3.13 upgrade, and the foundation for AI-powered grading. A reflection on the journey from hackathon prototype to production-ready platform.

releasepythonfastapidockeruicruddevops

LibreUtils Part 3: Anatomy of a Tool — Building the Text Encoder

A deep dive into building a LibreUtils tool from scratch — separating pure logic from UI, establishing patterns that scale, and creating a text encoder that handles Base64, URL encoding, and six other formats.

typescriptweb-componentsarchitectureencodingtutorialprivacy

Auto-Grade: Building AI-Powered Document Intelligence

How we integrated OCR, LLMs, and vector embeddings to transform Auto-Grade from a file management system into an intelligent document processing platform capable of understanding rubrics and contextual grading materials.

llmocrembeddingsragfastapipythonopenaimistral

LibreUtils Part 2: Testing Infrastructure and Developer Experience

How LibreUtils achieves zero-friction quality through Bun's test runner, TypeScript pre-commit hooks, smart CI pipelines, and a developer experience designed for open-source contribution.

testingbuntypescriptci-cddeveloper-experienceopen-source

LibreUtils: Building a Privacy-First Web Toolkit from Scratch

Exploring the philosophy, architecture, and technical decisions behind LibreUtils — an open-source collection of browser-based utilities where your data never leaves your device.

privacyweb-developmenttypescriptpwaarchitecturebun

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