Skip to content

Latest commit

 

History

History
88 lines (63 loc) · 6.97 KB

README.md

File metadata and controls

88 lines (63 loc) · 6.97 KB

🚀 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 💻https://baymax-vital.vercel.app/.



🎯 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, 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.

🩺 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.

2023-02-15.13-57-55_Trim.mp4



🌺 Forma de contato