Skip to content
Renan Spatin

Projects

Systems I built or co-built as a volunteer for communities and associations.

  • comexaltai.com
    Comunidade Católica Exaltai

    01

    Comunidade Católica Exaltai

    comexaltai.com ↗

    VolunteerCommunications ministry · Web + Mobile + API · 2024

    Volunteer work. Web, iOS/Android app and API in production since 2024, run by the community itself.

    A Catholic community I belong to, serving in the communications ministry. I built the platform as a volunteer: web, hybrid mobile app and custom backend. Daily liturgy, events, content editor and members area - technology in service of faith and community.

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

    02

    VolunteerInstitutional site + admin · 2026

    Volunteer work. Institutional site and news admin live at aapi.ong.

    Associação de Apoio à Primeira Infância e Obras Sociais São José (Juiz de Fora, Brazil), a Catholic organization supporting expectant mothers, children and families. I built its institutional site and news admin as a volunteer, helping the team publish content independently and reach more people.

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

    03

    VolunteerVice-president of the association · Full-stack · 2024

    Volunteer work. In production, with minimal operational cost and near-zero maintenance.

    A non-profit sports association where I serve as vice-president. I built the platform as a volunteer: serverless Next.js on Supabase, no custom backend - lean architecture so it costs the association almost nothing.

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

Open source.

Tools from my own workflow, published for anyone to use.

  • TypeScriptMaintained by me

    agentic-media-kit

    Let your coding agent show its work: capture UI with agent-browser, compose Reels with Remotion, publish to a private viewer on Railway.

    • Claude Code
    • Remotion
    • agent-browser
    • Railway
    View on GitHub Read the article

  • JavaScriptMaintained by me

    bpmn-skill

    Claude Code skill: AI maps your app's business flows to validated BPMN (Mermaid-style DSL, SVG, BPMN 2.0 XML for bpmn.io).

    • Claude Code
    • BPMN
    • Mermaid
    • bpmn.io
    View on GitHub Read the article

  • ShellMaintained by me

    agent-orchestration

    Route coding tasks across Claude Code and Codex: one model orchestrates, the cheapest capable model executes, a different model reviews.

    • Claude Code
    • Codex
    • LLM
    View on GitHub