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: | 32 |
| Interessados: | 38 |
| 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
Desenvolvedor Full Stack para SaaS educacional, CRM e IA - Freelancer Desenvolvedor Full Stack (SaaS Educacional, CRM e IA) Sobre o projeto Estamos buscando um desenvolvedor freelancer para atuar na manutenção corretiva, estabilizaç&...
Automação com IA, WhatsApp e CRM para loja online e reservas - Estou buscando um profissional ou empresa para implantação de automações com IA, WhatsApp Business e CRM para dois projetos distintos: 1. Loja de bolsas e artigos de co...
AI virtual companion app for Android, iOS and Web - Project: AI Virtual Companion App Overview I am looking for an experienced developer to create a modern AI-powered virtual companion application for Android, iPhone, and Web. Main Features - Re...
Consultor(a) em automações para agência e consultoria - Buscamos um(a) consultor(a) freelancer especializado(a) em automação de processos, IA aplicada às operações e gestão de workflows para apoiar a estrutura&c...
Sistema com IA para pesquisa e validação de produtos para importação - Estou procurando um desenvolvedor com experiência em automação web, inteligência artificial e coleta de dados para criar um sistema que me auxilie na pesquisa e valida&cce...
