Pular para o conteúdo

Mauricio Braga

Desenvolvedor Full Stack

Transformo problemas complexos em produtos claros, do desenho da interface à arquitetura, dados e deploy.

Sobre mim

Sou desenvolvedor full stack e busco criar sistemas dinâmicos, acessíveis e funcionais. Foco em otimizar performance, escalabilidade e acessibilidade, sempre equilibrando funcionalidade e tecnologia.

Atuo como prestador de serviços pela Overclock Labz, entregando aplicações web de ponta a ponta com Laravel, Vue e Livewire, do entendimento do requisito com o cliente até a publicação. Em paralelo, desenvolvo pesquisa aplicada em inteligência artificial no mestrado em Nanociências.

Iniciei minha jornada como designer gráfico e, em paralelo, ingressei na faculdade de computação. Além do desenvolvimento web, possuo conhecimento em projetos mecânicos e eletrônica, o que me permite transitar por diversas áreas da tecnologia e criar soluções mais completas.

Experiência

  1. Out 2023 - Presente

    Desenvolvedor Full Stack, Overclock Labz

    Aplicações web de ponta a ponta com Laravel, combinado a Vue ou Livewire conforme o projeto. Coordeno desenvolvedores parceiros em projetos maiores e defino escopo em reunião direta com o cliente.

    • Laravel
    • Vue
    • Livewire
    • Nuxt
    • Tailwind CSS
  2. Fev - Ago 2023

    Estagiário de Desenvolvimento Web, Prefeitura Municipal de Santa Maria

    Manutenção e desenvolvimento dos sistemas internos e externos da Prefeitura, com entregas no gerenciador de chamados, no Imposto Solidário e em sistemas ligados ao CadÚnico.

    • Laravel
    • MySQL
    • Docker
    • Livewire
    • JavaScript
  3. Set 2022 - Fev 2023

    Estagiário de TI, Instituto Nacional do Seguro Social

    Responsável por manutenção, suporte e administração de computadores.

    • Manutenção
    • Reparo
    • Suporte

Educação

  1. 2025 - Presente

    Mestrado em Nanociências, Universidade Franciscana

  2. 2020 - 2024

    Ciência da Computação, Universidade Franciscana

    Trabalho Final | Desenvolvimento de um protótipo de veículo automatizado para automação logística na Indústria 4.0.

Trabalhos selecionados

Uma seleção de produtos digitais, plataformas públicas e pesquisa aplicada em que participei da estratégia à entrega.

  1. Editor do Dumphere com documento em Markdown, bloco de código e cursor de outro participante

    Produto full-stack · 2026

    Dumphere

    Editor público de documentos com colaboração em tempo real, experiência offline e compartilhamento por URL, sem exigir conta.

    Minha contribuição

    Projetei a arquitetura ponta a ponta, com edição rica em Tiptap, sincronização Yjs por WebSocket em um servidor Node dedicado, snapshots persistidos no PostgreSQL e cache local por documento no IndexedDB. No servidor, o HTML é sanitizado antes de persistir, criação e conexões têm rate limit por IP e um scheduler remove documentos sem acesso há 30 dias. A interface é bilíngue e coberta por testes Pest.

    Tempo real
    edição colaborativa
    Offline
    cache com IndexedDB
    30 dias
    expiração automática
    • Laravel 13
    • Inertia
    • Vue 3
    • Tiptap
    • Yjs
    • PostgreSQL
    • Pest
    Ver estudo de caso Abrir o Dumphere
  2. Página inicial do Categoriza Brasil com os selos A, B e C de qualidade sanitária

    Plataforma pública · 2026

    Categoriza Brasil

    Ecossistema para classificação sanitária de serviços de alimentação, conectando conteúdo público, estabelecimentos e gestão institucional.

    Minha contribuição

    Desenvolvi a plataforma em uma arquitetura modular por domínios, reunindo site público, painel administrativo, identidade e autenticação, contas, clientes de aplicação e área institucional. A peça central é o cadastro de estabelecimentos integrado à API do Google Places, onde a busca com autocomplete traz nome, endereço quebrado em campos, coordenadas, telefone, site e foto de capa, e ainda traduz as categorias do Google para as categorias sanitárias da plataforma. Arrastar o marcador no mapa dispara geocodificação reversa. Também construí o CMS de publicações e mídia com storage S3, o mapa público com clusterização em Leaflet e a suíte de testes que cobre a aplicação.

    Google Places
    cadastro preenchido pela busca
    6
    módulos de domínio
    262
    arquivos de teste
    • Laravel 12
    • Livewire 4
    • Alpine.js
    • PostgreSQL
    • Google Places API
    • Leaflet
    • Tailwind CSS
    • S3
    • Docker
    Ver estudo de caso Visitar plataforma
  3. Documentação do FUSE UI mostrando o componente Event Calendar em modo mês

    Biblioteca de componentes · 2026

    FUSE UI

    Biblioteca de componentes Vue 3 no modelo registry/CLI, em que o comando copia o código-fonte para dentro do projeto. Quem usa é dono do componente e pode editá-lo.

    Minha contribuição

    Defini a arquitetura do monorepo, a camada dupla de design tokens (primitivos e semânticos em CSS) e escrevi os componentes sobre as primitivas acessíveis do Reka UI, com variantes em CVA. Publiquei a CLI no npm, mantenho o Storybook de desenvolvimento, a documentação bilíngue em Nuxt, os testes em Vitest e o versionamento por Changesets.

    69
    componentes no registry
    npm
    CLI publicada
    PT/EN
    documentação bilíngue
    • Vue 3
    • TypeScript
    • Reka UI
    • Tailwind CSS v4
    • CVA
    • Vitest
    • Nuxt
    • Changesets
    Ver estudo de caso Ver no npm
  4. Tela de comparação do AETHER com as métricas dos quatro modelos lado a lado

    IA aplicada · Dissertação de mestrado

    AETHER

    Pipeline de IA para estimar a energia de adsorção de hidrogênio e apoiar a triagem de catalisadores para produção de hidrogênio verde.

    Minha contribuição

    Construí um pipeline reproduzível de curadoria, treino, comparação e explicabilidade sobre 5.860 estruturas do Catalysis Hub, com split canônico fixo. Comparei quatro abordagens no mesmo dado (descritores manuais, GNN treinada do zero, fine-tune de uma GNN equivariante pré-treinada e regressão sobre embeddings congelados), reportando média e desvio sobre 5 sementes. Os resultados são expostos por uma API FastAPI com interface em Vue.

    5.860
    estruturas curadas
    0,9734
    R² do melhor ensemble
    5 seeds
    avaliação reproduzível
    • Python
    • PyTorch
    • PyTorch Geometric
    • MACE
    • SchNet
    • SHAP
    • FastAPI
    Ver estudo de caso Ver código e pesquisa
  5. Home da Overclock Labz com a chamada 'Protótipo em 14 dias'

    Site de produto · 2026

    Overclock Labz

    Experiência digital para um estúdio de software, traduzindo velocidade, clareza comercial e personalidade técnica em uma interface marcante.

    Minha contribuição

    Criei a direção visual e construí toda a interface do zero, sem biblioteca de componentes, incluindo diagrama de processo, gráfico comparativo, terminal animado e um mini-game em canvas escondido no site. Escrevi a API de contato no Nitro com validação, rate limit por IP, honeypot e verificação Turnstile, além dos cases e do blog em Markdown versionado.

    20
    componentes de interface autorais
    Canvas
    mini-game escrito do zero
    Anti-spam
    rate limit, honeypot e Turnstile
    • Nuxt 4
    • TypeScript
    • Nuxt Content
    • Nitro
    • GSAP
    • Tailwind CSS v4
    Ver estudo de caso Visitar site
  6. Home do site do LABED com o título Laboratório de Eletrônica e Desenvolvimento

    Site institucional · 2026

    LABED

    Site do Laboratório de Eletrônica e Desenvolvimento da UFN, criado para tornar projetos, membros e áreas de atuação mais fáceis de descobrir.

    Minha contribuição

    Redesenhei a presença digital do laboratório e desenvolvi uma base de conteúdo tipada em TypeScript, com membros, projetos e apoiadores editáveis por arquivo, sem CMS. Cada projeto ganha uma página própria pré-renderizada, com galeria de fotos, SEO completo e animações de scroll com GSAP e Lenis que respeitam a preferência por movimento reduzido.

    Redesenho
    identidade visual e site refeitos do zero
    Página por projeto
    endereço próprio e compartilhável
    Scroll animado
    GSAP e Lenis com fallback acessível
    • Nuxt 4
    • TypeScript
    • Tailwind CSS v4
    • GSAP
    • Lenis
    Ver estudo de caso Visitar site Ver código

Outros projetos de engenharia

  1. Monitoramento de Veículo de Transporte Industrial

    Monitoramento de Veículo de Transporte Industrial

    Sistema web para gerenciamento e telemetria de um Veículo Guiado Automatizado, integrando software, eletrônica e automação industrial.

    • Next.js
    • TypeScript
    • tRPC
    • Prisma
    • MQTT
  2. CSA, Cultura de Segurança dos Alimentos

    CSA, Cultura de Segurança dos Alimentos

    Software de pesquisa desenvolvido com programas de pós-graduação e Nutrição da UFN para coleta e análise de cultura de segurança dos alimentos.

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