Gabriel
I love studying — everything — but the ability to create things that programming delivers made me fall in love with it, specifically. And it’s been almost ten years now. And a few years back I became a software engineer. So welcome, and feel free to reach out!
[email protected]Blog
View all ↗Architecting a complex CRM front-end
The folder structure and dependency rules I use after 4 years working on complex CRM systems.
How image compression works
The techniques behind compression: resize, WebP, quality, methods — language-agnostic, focused on the concepts.
UI basics for programmers
Color, typography, spacing, visual hierarchy — the principles that make an interface look professional without needing to be a designer.
Featured projects
A unified workspace that brings writing, drawing, and planning into a single tab — no more app-switching just to finish one thought. A clean Markdown editor with autosave, an infinite hand-drawn canvas for architecture diagrams, mind maps, and flows, and Kanban boards with drag-and-drop. Everything runs in the browser: an idea is born, documented, and turned into a task without leaving the workspace. Designed and built from scratch — from interface to product. Real-time multiplayer on the roadmap.
A high-performance 3D voxel rendering engine built 100% in pure JavaScript, with no external engines. Implements raycasting, procedural terrain generation using Perlin noise, and renders interactive voxel worlds directly on the browser canvas. A project born from curiosity that proves environmental constraints are just starting points for creative solutions.
Open-source calendar component for React with Material-UI and TypeScript, inspired by Google Calendar. Supports month, week, and day views with full event management — creation, editing, deletion, conflict detection, and drag-to-select. Published on npm with comprehensive Storybook documentation and Cypress test coverage.
Complete photo editor running 100% in the browser with no server uploads. Crop, remove backgrounds with AI, apply filters, add text overlays with Google Fonts, and compress images — all processed locally. Built with Next.js, Material-UI, and client-side Canvas APIs for a fast, privacy-first editing experience.
Lossless image compressor running entirely in the browser — no uploads, no servers. Drag and drop your images and get optimized files instantly. Supports PNG, JPG, WebP, AVIF, and GIF. Built with Next.js and Material-UI, 100% free with no limits.
Calculate the growth of your investment with compound interest. Visualize portfolio composition with a stacked bar chart and estimate monthly retirement income using the 3% and 4% safe withdrawal rules (Trinity Study).
