This is a React Native application that provides a simple and user-friendly interface to upload or take a photo of an ECG chart. The app sends the ECG image to a server for processing using a machine learning model. It then displays whether the ECG is predicted as healthy or unhealthy, and provides information on nearby cardiologists for consultation if required.
Make sure you have completed the React Native - Environment Setup instructions till the "Creating a new application" step before proceeding.
Before starting the Metro Server and running your application, you need to install the necessary dependencies. Run the following command from the root of your React Native project:
# using npm
npm install
# OR using Yarn
yarn
This will install all the required packages listed in the package.json
file.
After installing dependencies, start Metro, the JavaScript bundler that ships with React Native. Run the following command from the root of your React Native project:
# using npm
npm start
# OR using Yarn
yarn start
Keep Metro Bundler running in its own terminal. Open a new terminal from the root of your React Native project and run the following command to start your Android or iOS app:
# using npm
npm run android
# OR using Yarn
yarn android
# using npm
npm run ios
# OR using Yarn
yarn ios
If set up correctly, your app should start running on your Android Emulator or iOS Simulator shortly.
Once the app is running, you can modify it:
- Open
App.tsx
(orApp.js
if using JavaScript) in your text editor of choice and make changes. - For Android: Press the R key twice or select "Reload" from the Developer Menu (Ctrl + M on Windows and Linux, or Cmd ⌘ + M on macOS) to see your changes.
- For iOS: Hit Cmd ⌘ + R in your iOS Simulator to reload the app and see your changes.
- Upload/Take Photo: Use the app to either upload an existing ECG chart photo from your device's gallery or take a new photo using the camera.
- Processing: The app sends the ECG image to our server for processing using a machine learning model.
- Result: Once processed, the app displays whether the ECG is predicted as healthy or unhealthy.
- Consultation: If the ECG result indicates a potential issue, the app provides information on nearby cardiologists for consultation.
You've successfully run and used the ECG Analysis App! For more advanced integration or customization, refer to the following resources:
- Integration guide for adding React Native code to an existing application.
- Explore more about React Native for comprehensive guides and tutorials.
If you encounter any issues, refer to the Troubleshooting page or community forums for assistance.
Explore additional resources to learn more about React Native:
- React Native Website for in-depth information about React Native.
- Getting Started for an overview and setup guide.
- React Native Blog for the latest updates and news.
- GitHub Repository for the React Native source code.