🏥 AI Medical Scanner — Frontend

Interface web da aplicação de análise visual de imagens de exames médicos com inteligência artificial local.

---

🚀 Sobre

O frontend consome a API do AI Medical Scanner Backend para enviar imagens de exames e exibir os achados visuais gerados pela IA, traduzidos automaticamente para português.

---

🛠️ Tecnologias

• React + TypeScript com Vite
• Styled Components — estilização separada por arquivo .styles.ts
• Axios — comunicação com a API
• Google Translate API — tradução automática do resultado para português

---

✨ Funcionalidades

• Upload de imagem de exame (PNG, JPG)
• Pré-visualização da imagem selecionada
• Exibição do resultado da análise na mesma página
• Resultado traduzido automaticamente para português
• Tratamento de erros e estado de carregamento

---

🏗️ Estrutura

src/
├── components/   → Componentes de UI (UploadCard, ResultadoCard)
├── hooks/        → Lógica de estado (useDiagnostico)
├── services/     → Comunicação com a API (api.ts)
├── types/        → Interfaces TypeScript (ExameResult)
└── pages/        → Telas da aplicação (Home)

---

⚙️ Como Rodar

Pré-requisitos

• Node.js 18+
• Backend rodando em http://localhost:5068

Instalação

npm install
npm run dev

O frontend estará disponível em http://localhost:5173.

---

👨‍💻 Autor

Desenvolvido por Luiz — GitHub