Skip to content

cheimaabarhoumi/machine_learning_frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Intelligent Health Assistant - Frontend

React Native (Expo) mobile application for the Intelligent Health Assistant academic medical project.

🏥 Features

  • 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

🚀 Getting Started

Prerequisites

  • 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)

Installation

  1. Install dependencies:
npm install
  1. Create .env file:
# Copy and update with your backend URL
echo "API_BASE_URL=http://localhost:5000/api" > .env
  1. Start the development server:
npm start
  1. Run on Android:
npm run android

Or scan the QR code with Expo Go app on your Android device.

📱 App Structure

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

🎨 Design Theme

  • Primary Color: Medical Green (#2E7D32)
  • Secondary Color: Medical Blue (#1976D2)
  • Professional medical UI theme
  • Clean, accessible interface

🔧 Technology Stack

  • 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

📝 Configuration

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

🤝 Integration with Backend

This frontend connects to the Node.js/Express backend via REST API:

  • JWT token authentication
  • All medical modules integrated
  • Secure API communication

📄 License

ISC - Academic Use

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors