01 · build
BUILD
languages I actually write
Full-Stack Developer
Professional code. Terrible drawings. I build web apps end to end and host them myself — this site just happens to look like it was drawn with a cheap mouse.
this is where the magic happens ↙
works on my machine ¯\_(ツ)_/¯
← that's me. yes, really.
↑ probably debugging
Full-Stack Developer. I build the frontend, backend, and database for small web apps — React and Next.js up front, PHP and MySQL behind it — then run them with Docker, Nginx, and Cloudflare tunnels.
I run my own homelab (a Proxmox box with Ubuntu VMs and Docker Compose) so my projects live somewhere real, not just in a demo.
developer spotted in the wild → read the full notebook
A badly-designed RPG menu of things I actually use in production. Percentages are vibes, not science.
The tools I use to turn ideas into bugs.
01 · build
languages I actually write
02 · frontend
the part people see
03 · backend + data
where things actually happen
backend
data
currently expanding into ↓
04 · ship
goodbye localhost
05 · run
keeping things online
Badly drawn browser frames. Real professional screenshots inside. That contrast is the whole point. See all →
Open-source Philippine tax calculator & statutory deductions engine: compare 8% flat vs graduated income tax, eBIRForms 1701A cheat sheet, SSS 2025 tables, PhilHealth, Pag-IBIG.
★ open source · 100% client-side privacy
Study scheduling app for PLMUN students: Pomodoro timer, task planner, classroom hub, study stats.
✓ students need this · AI did NOT do your homework
TMDB-powered media discovery UI: search, genres, watchlists and trailers, built with Next.js and TypeScript.
a browsing UI, not a TV station
Digital barangay portal: document requests with a tracking timeline, SOS button with GPS, community updates for Muntinlupa City.
[STAMPED] APPROVED · form 27-B not required
Digital invitation + guest portal: countdown, entourage list, photo gallery, RSVP form and well-wishes board.
♡ awkward hearts included · crooked frame, eternal love ♡
Streetwear storefront engine: theme customizer, dynamic catalog filtering, admin panel, containerized reverse-proxy hosting.
SALE!! (not really) · badly drawn cart, real checkout logic
Drawn badly. Understood easily. This is the shape of the lab, simplified into a doodle (not a live dashboard).
A real frontend interaction, no backend. Type help. It works on mobile too, tap a chip.
Homelab guides I wrote while setting up my own lab. Readable, I promise, unlike my handwriting.
Multi-subnet topologies, container gateways, packet sniffing, firewall drops. Hands-on.
→ READ THE THING · 14 minPasswordless keypairs, aliases, port forwarding, daemon hardening. The good stuff.
→ READ THE THING · 12 minBypass CGNAT, route DNS CNAMEs, enforce Zero-Trust OTP. Homelab essential.
→ READ THE THING · 13 minhey. psst. you scrolled all the way down ↓
Full-Stack Developer open to full-time and contract work. Real projects, questionable aesthetics.
“The best way to predict the future is to invent it.”
— Alan Kay
wait, check mo muna ↓
This grabs the verified PDF (Ricardo_Flandez_Resume.pdf) straight to your device.