Este projeto é um aplicativo de segmentação pulmonar desenvolvido com React, TypeScript, TailwindCSS e ShadCN UI. Ele permite que os usuários façam upload de arquivos DICOM (.dcm), configurem parâmetros de segmentação e enviem os dados para uma API para pré-processamento, segmentação e pós-processamento. Os usuários também podem editar segmentações manualmente, ampliar imagens e baixar os resultados.
✅ Upload de arquivos DICOM (.dcm)
✅ Seleção de métodos de segmentação (Otsu, Watershed, Sauvola, etc.)
✅ Configuração de parâmetros de pré-processamento, segmentação e pós-processamento
✅ Suporte ao modo Claro/Escuro
✅ Suporte a tradução Português/Inglês
✅ Segmentação manual (desenho sobre as imagens)
✅ Zoom in/out para melhor visualização
✅ Download dos resultados da segmentação como:
- Contornos (CSV)
- Imagem segmentada (PNG)
- Frontend: React Vite + TypeScript
- Estilização: TailwindCSS + ShadCN UI
- Requisições HTTP: Axios
O aplicativo envia requisições para uma API backend separada com:
- Arquivo DICOM
- Parâmetros de pré-processamento, segmentação e pós-processamento (em JSON)
- Método de segmentação (passado como parâmetro na URL)
Resposta da API:
- Imagem pré-processada (antes da segmentação)
- Todos os contornos detectados
- Contornos válidos (ajustados pelos parâmetros de pós-processamento)
-
Clone o repositório
git clone https://github.com/ProjetoFinalPDI/frontend.git cd frontend -
Instale as dependências
npm install
-
Inicie o servidor de desenvolvimento
npm run dev
- Faça upload de um arquivo DICOM (.dcm)
- Configure os parâmetros de segmentação
- Selecione o método de segmentação
- Visualize e baixe os resultados da segmentação