React Native (Expo) mobile application for the Intelligent Health Assistant academic medical project.
- Authentication: Login and Signup with JWT
- 7 Medical Analysis Modules:
- Physical Activity Tracking
- Cardiac Anomaly Detection
- Sleep Quality Analysis
- Food Recognition & Nutrition
- Stress Level Prediction
- Medication Adherence
- Asthma Risk Assessment
- Node.js (v16 or higher)
- npm or yarn
- Expo CLI
- Android Studio (for Android development) or Xcode (for iOS)
- Expo Go app on your phone (for testing)
- Install dependencies:
npm install- Create
.envfile:
# Copy and update with your backend URL
echo "API_BASE_URL=http://localhost:5000/api" > .env- Start the development server:
npm start- Run on Android:
npm run androidOr scan the QR code with Expo Go app on your Android device.
src/
├── navigation/ # Navigation configuration
├── screens/ # Screen components
│ ├── Auth/ # Login & Signup screens
│ ├── Dashboard/ # Main dashboard
│ └── [Modules]/ # Medical module screens
├── services/ # API services
├── components/ # Reusable components
└── theme/ # Colors & typography
- Primary Color: Medical Green (#2E7D32)
- Secondary Color: Medical Blue (#1976D2)
- Professional medical UI theme
- Clean, accessible interface
- Framework: React Native (Expo SDK ~54.0.0)
- React: 19.1.0
- React Native: 0.81.5
- Navigation: React Navigation v6
- HTTP Client: Axios
- State Management: React Hooks
Update the API base URL in src/services/api.js to match your backend server:
const API_BASE_URL = 'http://YOUR_SERVER_IP:5000/api';For Android emulator, use http://192.168.100.114:5000/api
For physical device, use your computer's local IP address
This frontend connects to the Node.js/Express backend via REST API:
- JWT token authentication
- All medical modules integrated
- Secure API communication
ISC - Academic Use