last updated: 2026-02-24
I'm Fabian. I recently graduated in system development and I'm at my best when I'm building things and figuring them out as I go. I enjoy digging into how systems work, solving small problems, and slowly turning ideas into something real.
This page is my space to experiment and share a couple of projects I'm currently working on, one small and one a bit more ambitious. It's not a portfolio of perfection, but a place where I document progress, test ideas, and see how far I can take them.
Fell free to contact me at: Fabian.Kjellberg98@gmail.com
This is my main project and where I spend most of my development time. It's a browser-based pixel art editor built from scratch with React and HTML Canvas. The goal is to create something that feels intuitive for beginners but has the depth and performance that more experienced artists would appreciate.
Under the hood, it uses direct pixel manipulation with typed arrays for performance, a custom layer system with blend modes, and optimized rendering that only redraws what's changed. I've put a lot of work into making tools like the pen and eraser feel responsive even on larger canvases.
The project also includes a full authentication system with JWT tokens and rotating refresh tokens. Coming soon: cloud saving so you can access your projects from anywhere.
Draw with the pen tool and adjust its properties for precise control
Manage multiple layers and use the context menu to organize your work
Zoom towards your cursor and pan smoothly using keyboard shortcuts
Pick from unlimited colors and place the picker right where you're working
A smaller weekend project I built to explore recursive data structures and drag-and-drop interactions. The tree supports dragging branches to any level, with visual indicators showing valid drop zones as you drag.
Try it out below:
Click on Add Sub-branch to create a child branch underneath
Double click on a Title or Id to rename it
Drag a branch to see its drop off points, then drop it above, below or on another branch