https://github.com/felipetaua/aparecida-nutricionista
https://github.com/felipetaua/aparecida-nutricionista
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/felipetaua/aparecida-nutricionista
- Owner: felipetaua
- Created: 2024-11-28T17:07:19.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-12-21T14:16:48.000Z (6 months ago)
- Last Synced: 2025-01-10T15:38:42.416Z (5 months ago)
- Language: JavaScript
- Size: 11.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Aparecida Nutrição
Este é um projeto para gerenciar informações de pacientes, incluindo cálculo de IMC (Índice de Massa Corporal), filtros dinâmicos e adição de novos pacientes. O objetivo é fornecer uma interface amigável para nutricionistas organizarem dados e acompanharem os resultados de seus pacientes.
[](https://felipetaua.github.io/Aparecida-Nutricionista/)
---
## 📋 **Descrição do Projeto**
### Funcionalidades Principais:
1. **Listagem de Pacientes**:
- Exibe informações como nome, peso, altura, porcentagem de gordura e IMC.
- IMC calculado automaticamente com base nos dados informados.
2. **Adicionar Novo Paciente**:
- Formulário para incluir dados de novos pacientes.
- Validação de campos para garantir dados consistentes.
3. **Filtrar Pacientes**:
- Campo de busca para filtrar pacientes por nome.
4. **Remoção de Pacientes**:
- Clique em um paciente para removê-lo da tabela.
5. **Busca de Pacientes via API**:
- Botão para carregar uma lista de pacientes de uma API externa (mocked).
6. **Exibição de Mensagens de Erro**:
- Mensagens de validação e erros exibidas dinamicamente.
---
## 🛠 **Tecnologias Utilizadas**
- **HTML5**: Estrutura da página.
- **CSS3**: Estilização para uma interface moderna.
- **JavaScript**: Manipulação da DOM e lógica de validação/calculadora de IMC.
---
## 🚀 **Como Executar o Projeto**
1. Clone o repositório:
```bash
git clone https://github.com/felipetaua/aparecida-nutricao.git
```
2. Abra o arquivo `index.html` em seu navegador.
3. Utilize as funcionalidades de listagem, cálculo de IMC, adição de pacientes e filtros.
---
## 📚 **Estrutura de Arquivos**
```
/aparecida-nutricao
│
├── css/
│ ├── reset.css # Reset de estilos para uniformizar o layout
│ ├── index.css # Estilização do projeto
│
├── js/
│ ├── calcula-imc.js # Cálculo automático de IMC
│ ├── form.js # Validação e adição de pacientes
│ ├── remover-paciente.js # Remoção dinâmica de pacientes
│ ├── filtra.js # Filtro de pacientes por nome
│ ├── buscar-pacientes.js # Integração com API simulada
│
├── index.html # Estrutura principal da página
└── favicon.ico # Ícone do site
```
---
## 🌟 **Funcionalidades Futuras**
- Adicionar gráficos para monitorar a evolução dos pacientes.
- Exportar dados para formatos como CSV ou PDF.
- Melhorar a interação com APIs externas para carregamento de dados.
---
## 🖋 **Créditos**
Criado por: **Tauã Felipe**
Curso: **Alura 2023 - Elementos JS**
---
Divirta-se utilizando o **Aparecida Nutrição**!