Skip to content

Mauricio Braga

Full Stack Developer

I turn complex problems into clear products, from interface design to architecture, data and deployment.

About me

I'm a full stack developer who builds dynamic, accessible and functional systems. I focus on optimizing performance, scalability and accessibility, always balancing functionality and technology.

I work as a contractor through Overclock Labz, delivering end-to-end web applications with Laravel, Vue and Livewire, from scoping the requirement with the client to shipping it. In parallel, I do applied AI research in a Nanosciences master's program.

I started my journey as a graphic designer while entering a computer science degree in parallel. Beyond web development, I have knowledge in mechanical design and electronics, which lets me move across different areas of technology and build more complete solutions.

Experience

  1. Oct 2023 - Present

    Full Stack Developer, Overclock Labz

    End-to-end web applications with Laravel, paired with Vue or Livewire depending on the project. I coordinate partner developers on larger engagements and scope the work directly with the client.

    • Laravel
    • Vue
    • Livewire
    • Nuxt
    • Tailwind CSS
  2. Feb - Aug 2023

    Web Development Intern, City Hall of Santa Maria

    Maintenance and development of the City Hall's internal and public systems, shipping features for the ticketing manager, the Imposto Solidário programme and CadÚnico-related systems.

    • Laravel
    • MySQL
    • Docker
    • Livewire
    • JavaScript
  3. Sep 2022 - Feb 2023

    IT Intern, National Social Security Institute

    Responsible for maintenance, support and administration of computers.

    • Maintenance
    • Repair
    • Support

Education

  1. 2025 - Present

    Master's in Nanosciences, Universidade Franciscana

  2. 2020 - 2024

    Computer Science, Universidade Franciscana

    Capstone | Development of an automated vehicle prototype for logistics automation in Industry 4.0.

Selected work

A selection of digital products, public platforms and applied research where I contributed from strategy through delivery.

  1. The Dumphere editor with a Markdown document, a code block and another participant's cursor

    Full-stack product · 2026

    Dumphere

    A public document editor with real-time collaboration, offline support and URL sharing, with no account required.

    My contribution

    I designed the end-to-end architecture, with rich editing in Tiptap, Yjs synchronization over WebSockets on a dedicated Node server, snapshots persisted in PostgreSQL and a per-document local cache in IndexedDB. On the server, HTML is sanitized before it is stored, document creation and connections are rate-limited per IP, and a scheduler removes documents untouched for 30 days. The interface is bilingual and covered by Pest tests.

    Real time
    collaborative editing
    Offline
    IndexedDB cache
    30 days
    automatic expiry
    • Laravel 13
    • Inertia
    • Vue 3
    • Tiptap
    • Yjs
    • PostgreSQL
    • Pest
    Read the case study Open Dumphere
  2. Categoriza Brasil home page showing the A, B and C health quality seals

    Public platform · 2026

    Categoriza Brasil

    An ecosystem for food-service health ratings, connecting public information, establishments and institutional management.

    My contribution

    I built the platform on a domain-modular architecture that brings together the public site, admin panel, identity and authentication, accounts, application clients and the institutional area. Its centrepiece is establishment registration wired to the Google Places API, where an autocomplete search pulls in the name, the address split into fields, coordinates, phone, website and a cover photo, then translates Google's categories into the platform's own food-service categories. Dragging the map marker triggers reverse geocoding. I also built the publications and media CMS backed by S3 storage, the public map with clustering in Leaflet and the test suite that covers the application.

    Google Places
    registration filled from search
    6
    business domains
    262
    test files
    • Laravel 12
    • Livewire 4
    • Alpine.js
    • PostgreSQL
    • Google Places API
    • Leaflet
    • Tailwind CSS
    • S3
    • Docker
    Read the case study Visit platform
  3. FUSE UI documentation showing the Event Calendar component in month view

    Component library · 2026

    FUSE UI

    A Vue 3 component library on the registry/CLI model, where the command copies the source into your project. You own the component and can edit it.

    My contribution

    I defined the monorepo architecture, the two-layer design token system (primitive and semantic, in CSS) and wrote the components on top of Reka UI's accessible primitives, with variants in CVA. I publish the CLI to npm and maintain the development Storybook, the bilingual Nuxt documentation, the Vitest suite and Changesets-based releases.

    69
    components in the registry
    npm
    published CLI
    PT/EN
    bilingual documentation
    • Vue 3
    • TypeScript
    • Reka UI
    • Tailwind CSS v4
    • CVA
    • Vitest
    • Nuxt
    • Changesets
    Read the case study View on npm
  4. AETHER comparison screen showing the metrics of all four models side by side

    Applied AI · Master's research

    AETHER

    An AI pipeline that estimates hydrogen adsorption energy and supports catalyst screening for green hydrogen production.

    My contribution

    I built a reproducible pipeline for curation, training, comparison and explainability over 5,860 structures from Catalysis Hub, on a fixed canonical split. I compared four approaches on the same data (handcrafted descriptors, a GNN trained from scratch, a fine-tuned pre-trained equivariant GNN and regression over frozen embeddings), reporting mean and standard deviation across 5 seeds. Results are served through a FastAPI API with a Vue interface.

    5,860
    curated structures
    0.9734
    best ensemble R²
    5 seeds
    reproducible evaluation
    • Python
    • PyTorch
    • PyTorch Geometric
    • MACE
    • SchNet
    • SHAP
    • FastAPI
    Read the case study View code and research
  5. Overclock Labz home page with the headline 'Prototype in 14 days'

    Product website · 2026

    Overclock Labz

    A digital experience for a software studio, translating speed, commercial clarity and technical personality into a distinctive interface.

    My contribution

    I created the visual direction and built every interface piece from scratch, with no component library, including the process diagram, the comparison chart, an animated terminal and a canvas mini-game hidden in the site. I wrote the contact API in Nitro with validation, per-IP rate limiting, a honeypot and Turnstile verification, plus the cases and blog in versioned Markdown.

    20
    hand-built interface components
    Canvas
    mini-game written from scratch
    Anti-spam
    rate limit, honeypot and Turnstile
    • Nuxt 4
    • TypeScript
    • Nuxt Content
    • Nitro
    • GSAP
    • Tailwind CSS v4
    Read the case study Visit website
  6. LABED website home page with the title Electronics and Development Lab

    Institutional website · 2026

    LABED

    The website for UFN's Electronics and Development Lab, designed to make its projects, members and fields of work easier to discover.

    My contribution

    I redesigned the lab's digital presence and built a typed content foundation in TypeScript, with members, projects and sponsors edited as files and no CMS. Every project gets its own pre-rendered page, with a photo gallery, complete SEO and GSAP plus Lenis scroll animation that respects the reduced-motion preference.

    Redesign
    visual identity and site rebuilt from scratch
    A page per project
    its own shareable address
    Animated scroll
    GSAP and Lenis with an accessible fallback
    • Nuxt 4
    • TypeScript
    • Tailwind CSS v4
    • GSAP
    • Lenis
    Read the case study Visit website View code

More engineering projects

  1. Industrial Transport Vehicle Monitoring

    Industrial Transport Vehicle Monitoring

    A web system for managing and monitoring an Automated Guided Vehicle, integrating software, electronics and industrial automation.

    • Next.js
    • TypeScript
    • tRPC
    • Prisma
    • MQTT
  2. CSA, Food Safety Culture

    CSA, Food Safety Culture

    Research software developed with UFN graduate and Nutrition programs to collect and analyze food-safety culture data.

    • Next.js
    • Node.js
    • TypeScript
    • Prisma
    • Zod