RNMLKit

A React Native application demonstrating the integration of ML Kit features for text recognition and object detection. This app provides a simple interface to capture or select images and perform machine learning tasks using Google's ML Kit.

• Text Recognition: Extract text from images using ML Kit's text recognition API
• Object Detection: Detect and classify objects in images with bounding boxes
• Image Input Options:
  • Capture images using device camera
  • Select images from device gallery
• Modern UI: Built with GluestackUI components
• Real-time Processing: Immediate results display after image selection

• Node.js >= 18
• React Native 0.74.0
• iOS or Android development environment set up
• Camera permissions for image capture
• Photo library permissions for image selection

1. Clone the repository:

git clone https://github.com/rahmanazhar/RNMLKit.git
cd RNMLKit

2. Install dependencies:

yarn install

3. Install iOS dependencies (iOS only):

cd ios
pod install
cd ..

Start the Metro bundler:

yarn start

yarn ios

yarn android

react-native run-android --mode=release

• /android - Android native code
• /ios - iOS native code
• /utils - Utility functions for image picking
• App.js - Main application component

Key dependencies include:

• @react-native-ml-kit/text-recognition: Text recognition functionality
• rn-mlkit-object-detection: Object detection capabilities
• @gluestack-ui/themed: UI components
• react-native-image-picker: Image selection functionality

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

This project is open source and available under the MIT License.

• Google ML Kit for providing the machine learning capabilities
• React Native community for the excellent tooling and support
• GluestackUI for the modern UI components