kinestex-sdk-react-native

KinesteX AI

INTEGRATE AI FITNESS & PHYSIO TRAINER IN YOUR APP IN MINUTES

Configuration

Demo project: https://github.com/V-m1r/KinesteXReactNativeDemo

AndroidManifest.xml

Add the following permissions for camera and microphone usage:

<!-- Add this line inside the <manifest> tag -->
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.INTERNET"/>
<uses-permission android:name="android.permission.VIDEO_CAPTURE" />

Info.plist

Add the following keys for camera and microphone usage:

<key>NSCameraUsageDescription</key>
<string>Camera access is required for video streaming.</string>
<key>NSMicrophoneUsageDescription</key>
<string>Microphone access is required for video streaming.</string>

WebView library

Install kinestex-sdk & webview:

npm install kinestex-sdk-react-native react-native-webview

Available categories to sort plans (param key is planC):

Plan Category (key: planC)
Strength
Cardio
Weight Management
Rehabilitation

Pleae note that the default plan category is Strength and all of the plans will be displayed under that category.

Available categories to sort workouts:

Category (key: category)
Fitness
Rehabilitation

Available parameters:

  const postData = {
// REQUIRED
    userId: 'YOUR USER ID',
    company: 'YOUR COMPANY', // contact KinesteX
    key: apiKey, // STORE KEY SECURELY. WE RECOMMEND STORING AND RETRIEVING IT FROM YOUR DATABASE
    planC: 'Cardio',
// OPTIONAL
    category: 'Fitness', // Workout category, leave null if you do not want to show workouts separately from plans
    age: 50, // can be left null
    height: 150, // in cm. can be left null
    weight: 200, // in kg. can be left null
    gender: 'Male' // can be left null
  };

Data handling:

  const handleMessage = (type: string, data: string) => {

     
      switch (type) {

        case 'finished_workout':
          console.log('Received data:', data);
          break;

        case 'exitApp':
          // Make sure to close the webview when the user wishes to exit the app
          console.log("User wishes to exit the app");
          toggleWebView();
          break;

        default:
          console.log('Message type:', type);
          break;
        
      }
      
  };

Message Types in handleMessage function: The core of the handleMessage function is a switch statement that checks the type property of the parsed message. Each case corresponds to a different type of action or event that occurred in the KinesteX SDK.

• kinestex_launched: Logs when the KinesteX SDK is successfully launched.
• workout_opened: Logs when a workout is opened.
• workout_started: Logs when a workout is started.
• plan_unlocked: Logs when a user unlocks a plan.
• finished_workout: Logs when a workout is finished.
• error_occured: Logs when there's an error. (Coming soon)
• exercise_completed: Logs when an exercise is completed.
• exitApp: Logs when user clicks on exit button, triggering an exit message. The iframe should be hidden if this message is sent

---

Displaying KinesteX:

   <KinestexSDK data={postData} handleMessage={handleMessage} />

---

Contact:

If you have any questions contact: [e-mail]