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 ↗How to study programming?
Did you get it? Build -> that's the secret
Comments and code
It's not just about naming variables properly. Real alternatives to comments that most people don't consider.
How image compression works
The techniques behind image compression: from resize to WebP, from quality to the compression method. Language-agnostic, focused on the concepts.
How to architect a complex CRM front-end
The folder structure and dependency rules I use after 4 years working on complex CRMs.
How to really vibe code
Vibe coding isn't throwing a prompt at AI and hoping for the best. It's having a clear process before opening the editor — and letting AI accelerate every step of that process.
Learn in public
Why sharing what you're learning accelerates your career more than any course.
Rebuilding Minecraft from scratch in 24 hours (without a game engine)
An infinite world, procedural generation, day and night with a starry sky, shaders, and vegetation — all in the browser with TypeScript and Three.js.
UI basics for programmers
Colors, typography, spacing, visual hierarchy, and the principles that make an interface look professional — without needing to be a designer.
What is a pattern and how do you create one?
The difference between standard and pattern, when it makes sense to document patterns and how to create documentation that people will actually use.
How I learned English
How did I learn English on my own?
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).
