Hey, beautiful people across the Web. I’m Himanshu Saini, a full-stack developer, today going to integrate the capabilities of Machine Learning in a React Native project to develop a straightforward mobile application to count the squats of an individual in real-time.

The NPM package we’re going to use for our project is react-native-human-pose, which is a light-weight yet performative package that provides almost 20+ fps in modern mobile devices

First create a react native project using following command

npx react-native@latest init SquatsCounter

Next, lets add our package to the project using

yarn add react-native-human-pose react-native-webview

Or

npm i react-native-human-pose react-native-webview

Android

Go to android/app/src/predominant/AndroidManifest.xml and add this line

iOS

cd ios && pod install

Then go to ios/SquatsCounter/Info.plist and these lines

NSCameraUsageDescription
$(PRODUCT_NAME) needs access to your Camera.

After installing and configuring the package, lets head over to the App.tsx and add this piece of code