About the Creator
Rafael Karele
Full Stack Developer
Frontend
Desenvolvimento com JavaScript, TypeScript e React para web, e React Native com Expo para mobile. Experiência com Electron para aplicações desktop, incluindo renderização direta em Canvas API com sistema de tiles, camadas e animações frame-a-frame.
Interfaces com comunicação em tempo real via WebSocket — desde chat com indicadores de digitação até colaboração ao vivo com sincronização de código e cursor entre múltiplos usuários. Integração com editores embarcados como Monaco Editor e construção de sistemas de edição visual com ferramentas interativas, handles de redimensionamento e rotação.
Consumo de APIs de terceiros — IA, sistemas de pagamento, mensageria — e arquitetura event-driven que dispara fluxos com base em condições.
Backend
Desenvolvimento de APIs REST com Node.js, NestJS, Java Spring e Laravel. Arquiteturas baseadas em microserviços com serviços independentes para mensageria, processamento de IA, e lógica de negócio. Autenticação com JWT, controle de acesso por papéis (RBAC), e comunicação entre serviços com tokens internos.
Processamento assíncrono com filas Redis e workers dedicados. Servidores WebSocket para funcionalidades em tempo real — chat, notificações, sessões colaborativas. Integração com serviços de avaliação de código, transcrição de áudio, e modelos de linguagem com function calling para automação de operações via linguagem natural.
Criação de servidores MCP (Model Context Protocol) que expõem APIs programáticas para assistentes de IA.
Inteligência Artificial & 3D
Auto-hosting de modelos IA open source: Whisper para transformação de áudios em texto, Hunyuan-3D para conversão de imagens em objetos 3D texturizados.
Desenvolvimento de ambientes 3D com THREE.js e criação de shaders customizados para efeitos visuais.
Infraestrutura & DevOps
Configuração e manutenção de servidores VPS para hospedagem de múltiplos sistemas. Isolamento de serviços e redes com Docker — ambientes separados para desenvolvimento e produção com Dockerfiles distintos, health checks em todos os serviços, e dependências condicionais que garantem ordem de inicialização.
Pipelines de CI/CD com GitHub Actions: testes PHPUnit automatizados em PRs, type-check e lint no frontend, e deploy automatizado que detecta quais serviços foram alterados e reconstrói apenas os afetados. Em produção, Nginx como proxy reverso e servidor de assets com cache, PHP-FPM gerenciado por Supervisord, e filas de processamento assíncrono com Redis.
Proteção contra DDoS, registro e manutenção de domínios e certificados SSL.
FormaDraw
Sempre gostei de representar visualmente conteúdo de aprendizado — ilustrar conceitos e ver como eles interagem entre si usando animações. Não encontrei uma ferramenta que combinasse desenho livre, animação e mapeamento de conhecimento em um só lugar, então construí a minha.
Aplicação desktop construída com Electron e canvas infinito. Inclui mais de 15 ferramentas de desenho com sensibilidade à pressão, timeline de animação com keyframes e motion paths, grafo de conhecimento com visualização force-directed, sistema de camadas e páginas, e API programática via MCP que permite assistentes de IA desenhar e animar diretamente no canvas.
Sistema CRM com IA
A empresa da família precisava de um sistema para gerenciar registros de serviços prestados, fluxo de caixa, contas a pagar e receber, emissão de recibos, controle de funcionários, estoque, equipamentos e ativos — além de geração de relatórios. Construí o sistema do zero para atender essas necessidades.
O diferencial é a integração direta com WhatsApp: a equipe interage com o CRM inteiramente por linguagem natural — texto ou áudio. Um assistente de IA interpreta a mensagem, identifica a intenção, e executa operações no sistema sem intervenção humana. Uma única mensagem como "marcar os serviços do João como pagos" dispara múltiplas chamadas à API em sequência — busca o cliente, lista os registros, atualiza cada um, e responde com a confirmação.
O sistema também transcreve áudios automaticamente, gera relatórios em PDF e os envia de volta pelo WhatsApp, processa comprovantes fotográficos enviados pela equipe, e mantém contexto da conversa para operações que referenciam dados anteriores. A arquitetura é baseada em microserviços: um serviço para o protocolo de mensagens, outro para processamento de IA e voz, e o backend com a lógica de negócio e persistência.
Projeto iniciado como fork do repositório original do IFMOC, onde adicionei funcionalidades significativas. Professores criam atividades com problemas e casos de teste, e alunos submetem código C que é avaliado automaticamente pelo Judge0 com feedback detalhado — status de cada caso, erros de compilação, saída esperada vs obtida.
A principal contribuição foram as Jam Sessions — sessões colaborativas em tempo real onde professor e alunos codam juntos. O professor visualiza o código de todos os alunos em grid, acompanha a posição do cursor de cada um, e envia feedback individual ao vivo. Toda a comunicação acontece via WebSocket com sincronização de código, indicadores de digitação e reconexão automática.
Construído com React 19 e Monaco Editor (frontend), Laravel 10 com PostgreSQL (backend), servidor WebSocket em Node.js, e Docker para orquestração. Inclui controle de acesso por papéis (admin, professor, aluno), dashboard de progresso com heatmaps, e CI/CD via GitHub Actions.
Factotum — Marketplace de Serviços
Plataforma mobile que conecta pessoas que precisam resolver um problema com profissionais disponíveis para prestar o serviço. O usuário pode buscar prestadores por categoria e localização, ou publicar uma solicitação e receber propostas competitivas — incluindo um modo de urgência que notifica profissionais próximos em tempo real.
Construído com React Native e Expo (iOS/Android), backend NestJS com PostgreSQL, chat em tempo real via Socket.io, sistema de pagamento com escrow (PIX e cartão), verificação progressiva de identidade e credenciais profissionais, busca geoespacial, e notificações push via Firebase.