Ajuste urgente de layout PDF e integração Google AI (React/TypeScript)
08/06/2026 às 11:46Descriçã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:
Tem dúvidas? Faça uma pergunta.
ou
Informações adicionais
| Categoria: | Web, Mobile & Software |
|---|---|
| Subcategoria: | Criação & Integração com IA |
| Orçamento: | Aberto |
| Nível de experiência: | Intermediário |
| Visibilidade: | Público |
| Propostas: | 43 |
| Interessados: | 50 |
| Tempo restante: | |
| Valor Mínimo: | R$ 50,00 |
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
Aplicativo com IA para criação de artes para pequenos negócios - Procuro um desenvolvedor ou equipe para criar um aplicativo (Android e iOS) com Inteligência Artificial voltado para pequenos empreendedores. A proposta é que a IA funcione como um de...
MVP Agente de IA Corporativo - Implantar uma Assistente Virtual de IA integrada aos sistemas corporativos (Qualiex, Top Say, chamados, RH, e-mail, WhatsApp e Power BI) para automatizar atividades, consolidar informaç&otil...
Criar MVP de SaaS com IA e integração WhatsApp - A ideia é desenvolver um sistema com um painel administrativo (site) onde seja possível cadastrar usuários e acompanhar suas informações. Esse painel será ...
Implantação de agentes de IA e automações empresariais - Projeto: Estruturação e implantação de agentes de IA e automações empresariais Estamos iniciando um projeto estratégico para estruturar e implantar...
Chat em Streamlit para leitura de dados de relatório Power BI - Preciso integrar um modelo de IA a um relatório do Power BI e permitir que o usuário interaja em linguagem natural com o relatório. Meu modelo do Power BI está bem estr...
