# Blog | Gjorge Karakabakov - Senior Software Engineer > Articles on building for the web: browser games in three.js and React Three Fiber, React and React Native, design systems, developer tooling, and leading engineering teams. Source: https://karakabakov.com/posts/ --- Senior Software Engineer # Writing Notes on building for the web — 3D and WebGL, design systems, leading engineering teams, and the trade-offs behind them. [Get in touch](https://karakabakov.com/contact) - [![Seven loose clip cards lying at angles on cream paper, thin lines gathering from each of them into a single upright film strip holding one frame and a play triangle](https://karakabakov.com/images/openmontage.webp) August 23, 2026 ## A trailer for Cadence, made by an agent for $6.13 OpenMontage runs video production as a pipeline an agent drives. It found thirty stock clips of real life, generated three more, picked the music by measuring it, and hand-wrote the Remotion composition. Thirty seconds, $6.13, no screenshots in it.](https://karakabakov.com/posts/openmontage-trailer) - [![Six loose cards lying at six different angles, their lines gathering into a single stem that enters one upright sheet of thirty tiles](https://karakabakov.com/images/cadence.webp) August 18, 2026 ## Cadence: I stopped scattering my life across apps and built one Notes in two apps, a new habit tracker every month, trips planned wherever I happened to be sitting. So I described the app I actually wanted, Claude built it, and thirty trackers now live in one place on my own disk.](https://karakabakov.com/posts/cadence) - [![Warpath: a stone hall in wine and gold, a siege engine loosing a ball along a dotted arc toward a peg field shaped like a crown](https://karakabakov.com/images/warpath.webp) August 15, 2026 ## Warpath: the aim preview is a second physics engine A medieval Peggle built in Phaser and Matter, with 48 boards drawn as pictures, a spacing guarantee the tests hold to, and a shot predictor that runs the real solver in a headless world rather than approximating it.](https://karakabakov.com/posts/warpath) - [![A crescent moon inside a ring of countdown ticks, two thirds of them lit and the last third gone dark](https://karakabakov.com/images/sleep-timer-macos.webp) August 14, 2026 ## The Mac sleep timer Apple deleted, and how to get it back macOS quietly dropped its sleep timer in Ventura. Here is what replaced it, why the Terminal fix falls short, and the free menu bar app that brings it back.](https://karakabakov.com/posts/sleep-timer-macos) - [![Halworth XP: the game's wordmark on a blue XP-style gradient, above the line 'A horror game that takes place entirely inside an old office desktop'](https://karakabakov.com/images/halworth-xp.webp) August 13, 2026 ## I made a horror game about IT support, and the monster is the documentation Halworth XP is a browser horror game that is entirely an IT support desk. Thirty shifts, 75 tickets, four endings, and a help article that reads perfectly while telling you to do the wrong thing.](https://karakabakov.com/posts/halworth-xp) - [![Island Doodle Adventure — the floating 3D island under an open sky, with the game's wordmark above it](https://karakabakov.com/images/island-doodle-adventure.webp) August 13, 2026 ## Building Island Doodle Adventure: a multiplayer drawing game in React Three Fiber A real-time draw-and-guess party game on a floating 3D island, built with React Three Fiber and Firebase — and the cold starts that cost more than the rendering.](https://karakabakov.com/posts/island-doodle-adventure) - [![The Cooler title screen: a green felt table under a hanging lamp, dealing itself 7-8-9 of spades for a straight flush](https://karakabakov.com/images/the-cooler.webp) August 9, 2026 ## The Cooler: what happens when tic-tac-toe stops being the win condition A roguelike deckbuilder that scores every three-in-a-row as a three-card poker hand. Built in Phaser and TypeScript, tuned by a headless balance harness, with no image assets anywhere.](https://karakabakov.com/posts/the-cooler) - [![One bright node fanning out into five, then into twenty-six dimmer ones](https://karakabakov.com/images/claude-code-cost.webp) August 5, 2026 ## Using Claude Code without burning tokens Opus to plan, Sonnet to build, Haiku for the errands — plus effort levels, context hygiene, and a skills tutorial. The dials that actually move the bill.](https://karakabakov.com/posts/claude-code-without-burning-tokens) - [![Coloured sediment layers, oldest at the bottom, newest at the top](https://karakabakov.com/images/eleven-years-javascript.webp) July 5, 2026 ## Eleven years of JavaScript, from jQuery to React Native What each era actually solved — jQuery, Backbone, CoffeeScript, Angular, React, React Native — and the handful of lessons that outlived all of them.](https://karakabakov.com/posts/eleven-years-of-javascript) - [![A grid of component primitives, a handful promoted to accent colours](https://karakabakov.com/images/ui-library.webp) June 18, 2026 ## What a company-wide UI library actually costs Building the components is the fifth of the work nobody warns you about. Standards, Storybook, a coverage floor, and adoption.](https://karakabakov.com/posts/company-wide-ui-library) - [![Baby Care: Dad's on Duty — the isometric procedurally generated house mid-run](https://karakabakov.com/images/baby-care-dads-on-duty.webp) July 28, 2026 ## Baby Care: Dad's on Duty — shipping an isometric three.js game with no build step Vanilla three.js, a procedurally generated house, co-op multiplayer and a global leaderboard — with no bundler anywhere.](https://karakabakov.com/posts/baby-care-dads-on-duty) - [![PocketBase running as the backend for a web and mobile project](https://karakabakov.com/images/pocketbase.webp) January 14, 2024 ## Using PocketBase.io as your backend for your next project PocketBase gives you an embedded database, real-time subscriptions, authentication and a REST API in a single Go binary.](https://karakabakov.com/posts/using-pocketbase-as-backend) - [![Astro's islands architecture, illustrated](https://karakabakov.com/images/astro.webp) March 1, 2023 · External ## Building Performant Websites with Astro 2.0's Next-Gen Frontend Architecture A guide to Astro 2.0's islands architecture and what it changes about shipping JavaScript to the browser.](https://adevait.com/javascript-developers/astro-20-guide)