{ Frontend
Developer }

Hi, I’m Bruno and I’m all about

crafting code (making bugs). ദി(ᵔᗜᵔ)
   
   (
 c[#]
 

## Outline

Still Sketching

If I could have it my way, everyone would get a seamless web experience no matter how they access it. Hence, accessibility is always on my radar - still plenty to learn, but that’s half the fun. Not particularly attached to any one tool or framework I usually focus on what works (though, yeah, I have my preferences). Simple is usually better, but let’s not pretend complexity doesn’t have its moments. Constantly pushing to learn - not just how to build better things, but how to build with people in a way that actually makes sense. Collaboration, authenticity, and a good cup of coffee (or three) are key to how I get things done.

In the margins

Work? LinkedIn. Code? GitHub. Email me? Here you go!.
Otherwise, I’m probably caffeinated and lost in: Cooking / Calisthenics / Sci-fi & eldritch tales / Gaming (Metroidvanias ♡) / Coffee (did I mention it already?) / Jump Rope / Keyboard & CLI shenanigans / Gardening / Metal & Electronic mayhem / Origami / Minimalism / Occasionally messing with Polaroids

## Craft

Search for a skill to see if it’s in my toolbox. Projects just below, some well-kept, some have cobwebs - all part of the journey.

Markdown Page
  • #Vue
  • #HTML
  • #CSS
  • #TypeScript
  • #Vite
  • #Markdown
  • #Unplugin-vue-markdown
  • #Node

Github link

Updating a personal page is usually a chore - so I tried to fix that. I wanted a way to manage content effortlessly, and since Obsidian is already my go-to note system, I thought, “Why not use markdown as the source of truth?”. Enter this project: a page that pulls content directly from markdown files (Obsidian or otherwise) and assembles itself with a light-CMS-like approach. A script fetches the files, processes them, and with some well-placed CSS and DOM manipulation, the page takes shape - clean, efficient (I hope), and requiring minimal manual HTML wrangling. Now, updates are as simple as writing a note.

Calendar Application
  • #Vue
  • #HTML
  • #CSS
  • #Tailwind
  • #TypeScript
  • #Pinia
  • #Histoire
  • #Vite
  • #Vitest
  • #Vue-test-utils

Github link

Building this calendar started as a technical challenge - then it turned into a dive into web app architecture, UX, and accessibility.
The goal? A calendar that feels intuitive, especially for keyboard users (because who doesn’t love shortcuts?), but still works perfectly with a mouse. Let’s be real - it’s still a little rough. Drag to create an event? Can even do it backwards! Clicking “Add Event”? That works too. Editing hours and days? You bet. But mastering drag-and-drop? Coming soon. Always more to learn, and I’ll dive back in when I’m ready to break things (again).

Markdown Recipes
  • #React
  • #HTML
  • #SCSS
  • #TypeScript
  • #React_Router
  • #Storybook
  • #Vite
  • #Jest

Github link

The one that got away… A markdown-based recipe app designed to simplify recipe management. The goal? Keep it as minimal as possible, centering around text files for recipes, while still offering all the advanced features and interactivity you’d expect. It began as a pure MVC and JS + SASS project, then I started a migration to React to dive deeper into some framework concepts. But, as life often does, it took a turn, and now it’s probably home to several generations of spiders and cobwebs.

## On Desk

Here’s what’s keeping me up at night (besides the endless caffeine): the things I’m learning, experimenting with, and slowly frying my brain over. Sometimes by choice, sometimes by sheer stubbornness.

    Ask me again in a week, React or Vue might be outdated by then.

    Backend’s still a bit of a mystery, and so is the finish line.

    Not quite yet! Maintenance: the art of never really being finished.

    Just waiting for the perfect moment… which is definitely not today.