Smart healthcare companion frontend part
Morshed, Niaz (2025)
2025
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2025060921582
https://urn.fi/URN:NBN:fi:amk-2025060921582
Tiivistelmä
The purpose of this thesis was to develop a cross-platform mobile application called Smart Healthcare Companion to support telemedicine, emergency services, and secure medical data access. The application is designed to be user-friendly and scalable, making it suitable for pa- tients, healthcare providers, and organizations across diverse environments.
The project was implemented using React Native with TypeScript for robust cross-platform de- velopment. Redux Toolkit and RTK Query (Redux Toolkit Query) were used for efficient state management and API (Application Programming Interface) handling. Additional technologies such as Socket.IO (Socket Input/Output), WebRTC (Web Real-Time Communication), JWT (JSON Web Token) authentication, and the Google Maps API were integrated to enable real- time communication, geolocation tracking, and secure data sharing. UI/UX (User Interface/User Experience) design was conducted entirely in Figma to ensure a responsive and accessible in- terface.
As a result of this thesis, a functional prototype of a mobile telemedicine system was created with features such as real-time video consultation, emergency SOS, and a hospital portal. The application supports persistent data storage using AsyncStorage, secure login using JWT (JSON Web Token), and a responsive design framework using Tailwind CSS (Cascading Style Sheets) via NativeWind. Although real-world deployment faced challenges with WebRTC (Web Real- Time Communication) stability and backend synchronization, the results of this thesis offer a highly customizable foundation for future enhancements, including AI (Artificial Intelligence) in- tegration and broader healthcare interoperability.
The project was implemented using React Native with TypeScript for robust cross-platform de- velopment. Redux Toolkit and RTK Query (Redux Toolkit Query) were used for efficient state management and API (Application Programming Interface) handling. Additional technologies such as Socket.IO (Socket Input/Output), WebRTC (Web Real-Time Communication), JWT (JSON Web Token) authentication, and the Google Maps API were integrated to enable real- time communication, geolocation tracking, and secure data sharing. UI/UX (User Interface/User Experience) design was conducted entirely in Figma to ensure a responsive and accessible in- terface.
As a result of this thesis, a functional prototype of a mobile telemedicine system was created with features such as real-time video consultation, emergency SOS, and a hospital portal. The application supports persistent data storage using AsyncStorage, secure login using JWT (JSON Web Token), and a responsive design framework using Tailwind CSS (Cascading Style Sheets) via NativeWind. Although real-world deployment faced challenges with WebRTC (Web Real- Time Communication) stability and backend synchronization, the results of this thesis offer a highly customizable foundation for future enhancements, including AI (Artificial Intelligence) in- tegration and broader healthcare interoperability.