MedTech é uma aplicação web para gerenciamento de prontuários médicos. O projeto é dividido em duas partes principais: o frontend e o backend.
- Listagem de pacientes
- Visualização de prontuários de pacientes
- Registro de novos prontuários
- Alteração do status de prontuários
- HTML
- CSS
- JavaScript
- Fetch API
- .NET Core
- ASP.NET Web API
- Entity Framework Core
- SQL Server
index.html: Página inicialpacientes.html: Página de listagem de pacientesverProntuario.html: Página de visualização de um prontuário específicolistaProntuarios.html: Página de listagem de prontuários de um pacienteassets/: Diretório contendo arquivos estáticos (CSS, imagens, etc.)assets/js/: Diretório contendo arquivos JavaScript
Controllers/: Diretório contendo os controladores da APIModels/: Diretório contendo os modelos de dadosData/: Diretório contendo o contexto do banco de dadosProgram.cs: Arquivo principal para configuração e inicialização da aplicação
- .NET Core SDK
- SQL Server
- Node.js (opcional, para gerenciamento de pacotes frontend)
-
Clone o repositório:
git clone https://github.com/seu-usuario/medtech-backend.git
-
Navegue até o diretório do projeto:
cd medtech-backend -
Configure a string de conexão com o banco de dados no arquivo
appsettings.json. -
Execute as migrações do Entity Framework para criar o banco de dados:
dotnet ef database update
-
Inicie a aplicação:
dotnet run
-
Clone o repositório:
git clone https://github.com/seu-usuario/medtech-frontend.git
-
Navegue até o diretório do projeto:
cd medtech-frontend -
Abra o arquivo
index.htmlno seu navegador.
- Abra a página
pacientes.html. - A lista de pacientes será carregada automaticamente.
- Clique no botão "Ver Prontuários" para visualizar os prontuários de um paciente específico.
- Abra a página
verProntuario.htmlcom o parâmetroprontuarioIDna URL.verProntuario.html?prontuarioID=1 - Os dados do prontuário serão carregados automaticamente.
- Na página
verProntuario.html, clique no botão "Em Atendimento" para alterar o status do prontuário.
function fetchProntuario() {
const prontuarioId = getProntuarioIdFromUrl();
fetch(`http://168.75.108.156:5107/api/Prontuario/${prontuarioId}`)
.then(response => response.json())
.then(data => {
const prontuarioDados = document.getElementById('prontuario-dados');
if (!data || !data.id) {
prontuarioDados.innerHTML = '<p><strong>Aviso:</strong> Prontuário não encontrado.</p>';
} else {
prontuarioDados.innerHTML = `
<p><strong>ID do Paciente:</strong> ${data.pacienteId || 'ID não disponível'}</p>
<p><strong>Peso:</strong> ${data.peso || 'Peso não disponível'}</p>
<p><strong>Altura:</strong> ${data.altura || 'Altura não disponível'}</p>
<p><strong>Pressão Arterial:</strong> ${data.pressaoArterial || 'Pressão Arterial não disponível'}</p>
<p><strong>Temperatura:</strong> ${data.temperatura || 'Temperatura não disponível'}</p>
<p><strong>Saturação:</strong> ${data.saturacao || 'Saturação não disponível'}</p>
<p><strong>Frequência Cardíaca:</strong> ${data.frequenciaCardiaca || 'Frequência Cardíaca não disponível'}</p>
<p><strong>Queixa Principal:</strong> ${data.queixaPrincipal || 'Queixa Principal não disponível'}</p>
<p><strong>Data de Atendimento:</strong> ${data.dataAtendimento ? formatDate(data.dataAtendimento) : 'Data não disponível'}</p>
<p><strong>Status:</strong> ${data.status !== undefined ? getStatusDescription(data.status) : 'Status não disponível'}</p>
<p><strong>Urgência:</strong> ${data.urgencia !== undefined ? getUrgenciaDescription(data.urgencia) : 'Urgência não disponível'}</p>
`;
}
})
.catch(error => {
console.error('Erro ao buscar prontuário:', error);
document.getElementById('prontuario-dados').innerHTML = '<p><strong>Erro:</strong> Não foi possível buscar o prontuário.</p>';
});
} function alterarStatusParaEmAtendimento() {
const prontuarioId = document.getElementById('emAtendimento-btn').dataset.prontuarioId;
fetch(`http://168.75.108.156:5107/api/Prontuario/status/${prontuarioId}`, {
method: 'PATCH',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(2) // 2 representa "Em Atendimento"
})
.then(response => {
if (response.ok) {
alert('Status do prontuário atualizado para "Em Atendimento"');
// Atualizar a exibição do prontuário
fetchProntuario();
} else {
alert('Erro ao atualizar o status do prontuário.');
}
})
.catch(error => console.error('Erro ao atualizar o status do prontuário:', error));
}- Faça um fork do projeto
- Crie uma nova branch:
git checkout -b minha-nova-funcionalidade. - Faça suas alterações e commit:
git commit -m 'Adiciona nova funcionalidade' - Envie para o repositório remoto:
git push origin minha-nova-funcionalidade - Abra um pull Request