https://github.com/annaluizafistarol/baymaxvital
Projeto desenvolvido em React para facilitar a mensuração da dor na pediatria, utilizando como base a Wong–Baker Faces Pain Rating Scale (escala de mensuração da dor) e o personagem da Disney Baymax.
https://github.com/annaluizafistarol/baymaxvital
baymax css3 disney hooks hospital html5 javascript nursing pain pediatric react react-components react-hooks react-router react-router-dom reactjs reatctjs tecnology
Last synced: 3 months ago
JSON representation
Projeto desenvolvido em React para facilitar a mensuração da dor na pediatria, utilizando como base a Wong–Baker Faces Pain Rating Scale (escala de mensuração da dor) e o personagem da Disney Baymax.
- Host: GitHub
- URL: https://github.com/annaluizafistarol/baymaxvital
- Owner: annaluizafistarol
- Created: 2023-02-01T20:29:21.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-05T22:34:46.000Z (8 months ago)
- Last Synced: 2025-07-26T20:58:09.078Z (3 months ago)
- Topics: baymax, css3, disney, hooks, hospital, html5, javascript, nursing, pain, pediatric, react, react-components, react-hooks, react-router, react-router-dom, reactjs, reatctjs, tecnology
- Language: JavaScript
- Homepage: https://baymax-vital.vercel.app
- Size: 543 KB
- Stars: 9
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 🚀 Proposta do Desafio
Bem-vindo(a) ao "BaymaxVital", um projeto que havia pensado muito antes de virar desenvolvedora / enfermeira, e que criou vida a partir do ReactJS, surgindo desta forma o 💻.
## 🎯 Objetivos
Elaborar um site web responsivo para facilitar a mensuração da dor na pediatria, utilizando como base a Wong–Baker Faces Pain Rating Scale (escala de mensuração da dor) e o personagem da Disney Baymax.
## 🏩 Motivação
- Aproximadamente em 2015 quando assisti a animação “Operação Big Hero” da Disney me encantei pelo Baymax, principalmente por ser um personagem cativante e acolhedor, que une a saúde com tecnologia de forma humanizada.
- Durante a graduação em enfermagem, tive a oportunidade de conhecer e ver a aplicabilidade da [Robô Laura](https://laura-br.com/), bem como de trabalhar no Hospital Pequeno Príncipe, o que me fizeram despertar meu amor pela pediatria, e, principalmente, pela valorização de um sinal vital tão importante, mas muitas vezes negligenciado, que é a dor.
- Sendo assim, resolvi unir meu amor pelo cuidado e pela tecnologia, e desenvolvi o BaymaxVital, uma forma visual de avaliar a dor na pediatria de forma lúdica, utilizando a “Wong–Baker Faces Pain Rating Scale".
## 🎨 Design
Todos os desenhos do Baymax, bem como o design, foram feitos por mim utilizando o Figma, e caso queira saber um pouquinho mais do processo de elaboração e criação, fiz um breve benchmarking, elenquei possíveis referências e ideias de layout, escolhi as cores que possuíssem acessibilidade visual, e todo esse trajeto até chegar neste resultado final é possível visualizar no meu repositório do Figma entrando em contato comigo.
## 🩺 Aplicabilidade
- Dentro do ambiente hospitalar a aferição dos Sinais Vitais dos Pacientes sempre está presente, sendo eles = pressão arterial, frequência cardíaca, frequência respiratória, temperatura e a **dor**. Entretanto, este último é um sinal pessoal e subjetivo, de difícil mensuração, sendo afetado por diversos fatores levando em consideração a complexidade das dimensões humanas.
- Sendo assim, a ideia deste projeto é facilitar a interpretação da dor tendo como público alvo crianças com idade de 3 anos ou mais.
- Nele, além de avaliar a dor de 0 (ausência de dor) até 10 (pior dor possível), o profissional (seja médico ou da equipe de enfermagem) que esteja aplicando a escala poderá deixar um áudio registrado do motivo que ocasionou determinado score na criança (podendo ser gravado pela própria criança ou pela fala do profissional), bem como o que pode ser melhorado para a mesma se sentir melhor, tornando este momento algo lúdico e humanizado.
- E, bom, falar de saúde é também falar de inclusão, sendo assim o projeto teve como base alternância de cores no Slider, bem como representação visual de face por Emojis, com um personagem fofo e acolhedor e cores claras e coloridas.
- É válido destacar que, para um melhor uso nos casos de restrições, o profissional que esteja aplicando a escala pode promover outros meios de avaliação, como pedindo para a criança demonstrar com expressões faciais a dor; pedir para apontar o que está incomodando; dentre outras ações, sempre envolvendo o familiar no cuidado.
## 🧠 Dificuldades e o que aprendi
Tive a oportunidade de consolidar alguns conceitos de =
> - JavaScript (arrow function, return e LocalStorage).
> - CSS (referenciar classes e passar estilos como props de pai para filho).
> - ReactJS (routes; utilização dos Hook’s; criação de componentes; referenciar função, definindo a função no componente pai para ser executada no componente filho).
Meu maior aprendizado neste projeto foi referente a utilização do Router, bem como adaptar componentes prontos para a minha necessidade, lendo bastante a documentação e navegando dentro dos arquivos utilizando a tecla de atalho ```"Ctrl + clique"```.
## 🔮 Alterações futuras
- Atualmente estou estudando MySQL e, futuramente, Python, sendo assim em breve a primeira tela (formulário para acesso a escala de avaliação da dor) estará vinculada ao banco de dados hospitalar, realizando preenchimento automático de certos dados.
- O BaymaxVital é uma ramificação de um projeto em desenvolvimento de um sistema hospitalar.
## 🔧 Tecnologias utilizadas
> **ReactJS • JavaScript • HTML • CSS • Figma • Git**
## 💻 Rodando o projeto
Observação: os testes referente ao layout e responsividade foram realizadas somente utilizando o Google Chrome, Android e Iphone.
https://user-images.githubusercontent.com/100868704/219104117-bcbce868-4bfd-4e4b-beac-66cf19c2f1df.mp4
## 🌺 Forma de contato
