🎯 Escolhendo sua calculadora
O primeiro projeto deve ser algo que voce ja conhece clinicamente. Escolha um escore que usa com frequencia no dia a dia — assim o foco fica 100% em aprender a construir.
🎯 Opcoes recomendadas
CHA₂DS₂-VASc: Risco de AVC em fibrilacao atrial. 7 campos simples, logica clara, resultado muda conduta (anticoagular ou nao).
Wells (TEP): Probabilidade de tromboembolismo pulmonar. Essencial na emergencia.
CURB-65: Gravidade de pneumonia. 5 campos, decide internacao vs ambulatorio.
MELD: Funcao hepatica. Usado em hepatologia e transplante.
APACHE II: Gravidade em UTI. Mais complexo, otimo desafio.
💡 Dica Pratica
Nao escolha o escore mais complexo. Escolha o que voce mais usa. O objetivo e ter resultado rapido e confianca no processo — nao impressionar ninguem.
💻 Abrindo o Replit pela primeira vez
O Replit roda inteiramente no navegador. Nao precisa instalar nada. Se voce consegue abrir o Gmail, consegue usar o Replit.
🎯 Passo a Passo
1. Acesse replit.com e crie conta gratuita (Google login funciona)
2. Clique em "Create Repl" → escolha "HTML, CSS, JS"
3. Voce vera 3 paineis: arquivos (esquerda), editor (centro), preview (direita)
4. Use o Replit AI (botao no canto) para descrever o que quer em portugues
5. A IA gera o codigo, voce ve o resultado ao vivo no preview
🗣️ Descrevendo em portugues o que quer
A qualidade do prompt determina a qualidade do resultado. Descreva com detalhes clinicos: campos de entrada, logica de calculo, o que mostrar no resultado.
🎯 Exemplo de prompt para CHA₂DS₂-VASc
"Crie uma calculadora web do escore CHA₂DS₂-VASc. Campos: ICC (sim/nao, 1 ponto), Hipertensao (sim/nao, 1 ponto), Idade (>=75: 2 pontos, 65-74: 1 ponto), Diabetes (sim/nao, 1 ponto), AVC/AIT previo (sim/nao, 2 pontos), Doenca vascular (sim/nao, 1 ponto), Sexo feminino (sim/nao, 1 ponto). Mostre o escore total e a recomendacao: 0 = sem anticoagulacao, 1 = considerar, >=2 = anticoagulacao recomendada. Design limpo, cores teal, responsivo."
💡 Dica Pratica
Inclua a logica de pontuacao no prompt. Nao assuma que a IA sabe o escore — especifique cada campo, cada ponto e cada faixa de resultado. Quanto mais especifico, menos iteracoes.
🧪 Testando e ajustando
A primeira versao raramente sai perfeita. O vibe coding e iterativo: teste, identifique o problema, descreva o ajuste, teste de novo.
🎯 Checklist de teste
1. Teste com caso clinico real que voce ja calculou manualmente
2. Verifique: o escore bate com o calculo manual?
3. Teste valores extremos: tudo zerado, tudo marcado
4. A recomendacao esta correta para cada faixa?
5. Funciona no celular? Os botoes sao clicaveis?
🚨 Atencao
NUNCA use uma calculadora vibe-coded em paciente real sem testar exaustivamente. Valide com pelo menos 5 casos cujo resultado voce ja conhece. A IA pode errar a logica de pontuacao.
🎨 Personalizando: cores, logo, campos extras
Sua calculadora funciona. Agora, personalize: cores do consultorio, seu nome, campos extras que fazem sentido para sua pratica.
🎯 Ideias de personalizacao
Branding: "Adicione no topo: Dr. [Seu Nome] — Cardiologia. Cores: azul marinho e branco."
Campos extras: "Adicione campo opcional para nome do paciente (apenas para referencia, nao salva)."
Conduta detalhada: "Para escore >= 2, mostre: drogas de primeira linha, contraindicacoes, prazo de reavaliacao."
Referencias: "Adicione no rodape: 'Baseado na diretriz ESC 2024. Ferramenta para apoio, nao substitui julgamento clinico.'"
🌐 Publicando e compartilhando o link
Sua calculadora esta pronta e testada. Com um clique, voce publica e tem um link acessivel de qualquer celular.
🎯 Como publicar no Replit
1. Clique em "Deploy" no canto superior direito
2. Escolha "Static" (gratuito para HTML/CSS/JS)
3. Copie a URL gerada
4. Teste no celular: abra a URL no navegador do celular
5. Salve como favorito ou adicione na tela inicial
💡 Resultado
Em 30 minutos, voce saiu do zero e tem uma calculadora clinica funcional, personalizada, publicada e acessivel pelo celular durante a consulta. Isso e vibe coding na pratica.
📝 Resumo do Modulo
Proximo Modulo:
5.3 - Automacoes que economizam horas