Pedro A.

Projetos (Aguardando Propostas):

• Ajuste urgente de layout PDF e integração Google AI (React/TypeScript)

  Criação & Integração com IA | Orçamento: Aberto | Publicado: | Propostas: 32

  Descrição do projeto:
  Olá! Tenho um sistema médico de laudos de ultrassonografia dermatológica desenvolvido em React e TypeScript, que utiliza a API do Google AI Studio (Gemini) para gerar os textos dos laudos. Para a geração do PDF, o sistema utiliza as bibliotecas html2canvas e jsPDF.
  
  O sistema funciona, mas apresenta erros críticos na formatação do layout e na estrutura do PDF que precisam ser corrigidos diretamente no código-fonte (já possuo o projeto estruturado em minha máquina). Preciso de um desenvolvedor experiente para realizar os seguintes ajustes:
  
  1. Correção de margem e corte de texto (CSS / html2canvas):
  Atualmente, ao gerar o PDF, o texto está sendo cortado na lateral esquerda (comendo as primeiras letras de palavras como "PACIENTE" que vira "CIENTE", "HISTÓRICO" que vira "STÓRICO"). É necessário ajustar o padding/margem do container antes da renderização do canvas.
  
  2. Quebra de página rigorosa (layout em 2 páginas):
  Preciso que o laudo seja estruturado estritamente em duas páginas:
  - Página 1: Cabeçalho, identificação do paciente, achados ultrassonográficos e conclusão diagnóstica.
  - Página 2: Documentação gráfica (esquema anatômico), imagem real do ultrassom e bloco final de assinatura do médico.
  Atualmente o sistema está quebrando as páginas de forma errática (gerando páginas em branco ou deslocando textos para a página 3).
  
  3. Sanitização de dados e injeção de variáveis (evitar alucinações da IA):
  A IA está rodando em modo stateless (sem histórico) e costuma "alucinar" na digitação de termos fixos ou repetir caracteres de fórmulas científicas (como cifrões $ do LaTeX nas medidas).
  Solução requerida:
  - Criar uma função de sanitização de string no React para limpar caracteres indesejados antes de exibir ou gerar o PDF.
  - Fixar dados estáticos: elementos do rodapé (como datas) e nomes das camadas anatômicas da pele (por exemplo, "Tecido Subcutâneo" e "Sistema Aponeurótico") devem ser colocados como textos estáticos no HTML/JSX, retirando a geração desses itens pela IA.
  - Legenda guiada: as medidas numéricas na legenda da imagem da Página 2 devem puxar as variáveis vindas do banco/estado do React, garantindo que reflitam exatamente o que está na Página 1 e impedindo que a IA invente valores incorretos (ex.: transformar 7.5 mm em 17.5 mm).
  
  Requisitos do profissional:
  - Domínio absoluto de React e TypeScript.
  - Experiência com geração de PDFs usando html2canvas e jsPDF.
  - Familiaridade com consumo de APIs do Google AI Studio / Gemini.

  Habilidades desejadas: Google APIs, HTML, React e Typescript.