Pular para o conteúdo
Renan Spatin

Projetos

Sistemas que construí ou co-construí como voluntário para comunidades e associações.

  • comexaltai.com
    Comunidade Católica Exaltai

    01

    Comunidade Católica Exaltai

    comexaltai.com ↗

    VoluntárioMinistério de Comunicação · Web + Mobile + API · 2024

    Trabalho voluntário. Web, app iOS/Android e API em produção desde 2024, operados pela própria comunidade.

    Comunidade católica da qual faço parte, no ministério de comunicação. Construí a plataforma como voluntário: web, app mobile híbrido e backend próprio. Liturgia diária, eventos, editor de conteúdo e área de membros - tecnologia a serviço da fé e da comunidade.

    • React 19
    • Vite
    • TypeScript
    • Tailwind CSS
    • Capacitor
    • .NET 9 / C#
    • ASP.NET Core
    • EF Core
    • PostgreSQL
    Ler case Visitar site
  • aapi.ong
    AAPI-SJ

    02

    VoluntárioSite institucional + admin · 2026

    Trabalho voluntário. Site institucional e painel de notícias em produção em aapi.ong.

    Associação de Apoio à Primeira Infância e Obras Sociais São José (Juiz de Fora/MG), instituição católica que apoia gestantes, crianças e famílias. Construí voluntariamente o site institucional e o painel de notícias para ampliar o alcance da associação e dar autonomia à equipe na publicação de conteúdo.

    • Next.js 16
    • React 19
    • TypeScript
    • Tailwind CSS v4
    • Drizzle ORM
    • PostgreSQL
    • Auth.js
    • Railway
    Ler case Visitar site
  • gokai.ong
    Gokai

    03

    VoluntárioVice-presidente da associação · Full-stack · 2024

    Trabalho voluntário. Em produção, com custo operacional mínimo e manutenção quase zero.

    Associação esportiva sem fins lucrativos da qual sou vice-presidente. Construí a plataforma como voluntário: Next.js serverless sobre Supabase, sem backend custom - arquitetura enxuta para custar quase nada para a associação.

    • Next.js 16
    • React 19
    • TypeScript
    • Tailwind CSS v4
    • Supabase SSR
    • shadcn/ui
    • Zod
    • React Hook Form
    Ler case Visitar site

Open source.

Ferramentas que eu uso no meu trabalho, publicadas para quem quiser usar também.

  • TypeScriptMantido por mim

    agentic-media-kit

    Deixa o agente de código mostrar o próprio trabalho: captura a interface com agent-browser, monta Reels com Remotion e publica num visualizador privado no Railway.

    • Claude Code
    • Remotion
    • agent-browser
    • Railway
    Ver no GitHub Ler o artigo

  • JavaScriptMantido por mim

    bpmn-skill

    Skill do Claude Code que lê o código da aplicação e mapeia os fluxos de negócio em BPMN validado: DSL estilo Mermaid, SVG e BPMN 2.0 XML para o bpmn.io.

    • Claude Code
    • BPMN
    • Mermaid
    • bpmn.io
    Ver no GitHub Ler o artigo

  • ShellMantido por mim

    agent-orchestration

    Distribui tarefas de código entre Claude Code e Codex: um modelo orquestra, o modelo mais barato capaz executa e um modelo diferente revisa.

    • Claude Code
    • Codex
    • LLM
    Ver no GitHub