A modern React Native app built with Expo that helps users analyze food ingredients and nutrition information through OCR scanning or manual input.
- πΈ Camera OCR: Scan food labels and ingredient lists
- π Health Analysis: AI-powered ingredient safety assessment
- π Nutrition Tracking: Analyze nutrition facts and values
β οΈ Preservative Detection: Identify harmful additives- π‘ Smart Recommendations: Get healthier food alternatives
- Expo SDK 54 with React Native
- Expo Router for file-based navigation
- NativeWind (Tailwind CSS for React Native)
- TypeScript with strict mode
- AsyncStorage for data persistence
- Axios for API communication
- Node.js >= 20.19.4
- Android Studio (for Android) or Xcode (for iOS)
- Expo Go app on your phone (for testing)
# Install dependencies
npm install
# Start development server
npm start
# Run on Android
npm run android
# Run on iOS (macOS only)
npm run iosCreate a .env file in the root directory:
EXPO_PUBLIC_API_URL=your_api_url_here
EXPO_PUBLIC_AI_URL=your_ai_api_url_herenoga-app/
βββ app/ # Expo Router screens
β βββ _layout.tsx # Root layout
β βββ index.tsx # Home screen
β βββ ... # Other screens
βββ components/ # Reusable components
βββ lib/ # Utilities and helpers
βββ services/ # API services
βββ types/ # TypeScript types
βββ assets/ # Images and icons
# Clear cache and start
npx expo start --clear
# Type checking
npx tsc --noEmit
# Rebuild native code
npx expo prebuild --cleanUses Expo Router with file-based routing:
/- Home/food-type- Select food type/type-ingredient- Manual input/one-take-picture- Camera for prepared food/two-take-picture- Camera for packaged food/nutrition-general- Results overview/nutrition-detail- Detailed analysis
expo-router- File-based navigationexpo-camera- Camera and OCRnativewind- Tailwind CSS for React Nativereact-native-animatable- Animationsaxios- HTTP client@react-native-async-storage/async-storage- Local storage
Private - All rights reserved
For issues and questions, please open an issue on the repository.