{"id":5228,"date":"2023-09-05T15:03:21","date_gmt":"2023-09-05T09:33:21","guid":{"rendered":"https:\/\/ripenapps.com\/blog\/?p=5228"},"modified":"2026-01-09T11:50:56","modified_gmt":"2026-01-09T06:20:56","slug":"how-to-develop-ai-based-app-with-react-native-facial-landmark-detection","status":"publish","type":"post","link":"https:\/\/ripenapps.com\/blog\/how-to-develop-ai-based-app-with-react-native-facial-landmark-detection\/","title":{"rendered":"How to Develop AI based App with React Native? Facial Landmark Detection Example"},"content":{"rendered":"<p>Businesses not only want to build a mobile or web application; they also want to integrate the richness of artificial intelligence. When it comes to application development, React Native is one of the most popular app development technologies. The reason behind its popularity is that React Native offers a cross-platform and cost-effective solution for businesses. Furthermore, development time is significantly reduced, allowing startups to launch their applications more quickly.<\/p>\n<p>While exploring the dynamics associated with React Native, artificial intelligence stays in the trending zone. Businesses want to leverage artificial intelligence in their React Native applications by hiring a React Native development agency and achieving their business goals in terms of technological advancements. If you want to explore examples of AI in applications, Snapchat is a very easy reference. The application uses facial landmark detection to change the size and shape of the face, letting people have fun with diverse camera filters.<\/p>\n<p>What about you? What can you achieve by combining artificial intelligence and React Native? In this article, we will explore AI machine learning models with React Native. We will also look at a use case explaining how to build a facial landmark detection app using React Native and TensorFlow. So, without further ado, let us get started with the popular available AI and ML models.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_17 counter-hierarchy ez-toc-white\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" style=\"display: none;\"><i class=\"ez-toc-glyphicon ez-toc-icon-toggle\"><\/i><\/a><\/span><\/div>\n<nav><ul class=\"ez-toc-list ez-toc-list-level-1\"><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ripenapps.com\/blog\/how-to-develop-ai-based-app-with-react-native-facial-landmark-detection\/#AI-Machine-Learning-Models-for-React-Native-Application\" title=\"AI Machine Learning Models for React Native Application\">AI Machine Learning Models for React Native Application<\/a><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ripenapps.com\/blog\/how-to-develop-ai-based-app-with-react-native-facial-landmark-detection\/#Vision-models\" title=\"Vision models\">Vision models<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ripenapps.com\/blog\/how-to-develop-ai-based-app-with-react-native-facial-landmark-detection\/#Body-based-ML-models\" title=\"Body-based ML models\">Body-based ML models<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ripenapps.com\/blog\/how-to-develop-ai-based-app-with-react-native-facial-landmark-detection\/#Text-Audio-based-ML-models\" title=\"Text &amp; Audio based ML models\">Text &amp; Audio based ML models<\/a><\/li><\/ul><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ripenapps.com\/blog\/how-to-develop-ai-based-app-with-react-native-facial-landmark-detection\/#AI-based-App-with-React-Native-Building-Face-Landmark-detection-app\" title=\"AI-based App with React Native- Building Face Landmark detection app\">AI-based App with React Native- Building Face Landmark detection app<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/ripenapps.com\/blog\/how-to-develop-ai-based-app-with-react-native-facial-landmark-detection\/#What-is-facial-landmark-detection\" title=\"What is facial landmark detection?\">What is facial landmark detection?<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/ripenapps.com\/blog\/how-to-develop-ai-based-app-with-react-native-facial-landmark-detection\/#How-will-we-achieve-it\" title=\"How will we achieve it?\">How will we achieve it?<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/ripenapps.com\/blog\/how-to-develop-ai-based-app-with-react-native-facial-landmark-detection\/#Steps-to-Build-an-AI-Based-Mobile-App-with-React-Native\" title=\"Steps to Build an AI-Based Mobile App with React Native\">Steps to Build an AI-Based Mobile App with React Native<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/ripenapps.com\/blog\/how-to-develop-ai-based-app-with-react-native-facial-landmark-detection\/#Code-sample-for-building-AI-AI-based-mobile-app-with-React-Native\" title=\"Code sample for building AI AI-based mobile app with React Native\">Code sample for building AI AI-based mobile app with React Native<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/ripenapps.com\/blog\/how-to-develop-ai-based-app-with-react-native-facial-landmark-detection\/#Final-words\" title=\"Final words\">Final words<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"AI-Machine-Learning-Models-for-React-Native-Application\"><\/span>AI Machine Learning Models for React Native Application<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Although there are ample machine learning models that you can explore using the React Native application, here are a few of the popular ones.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-5232\" src=\"https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/AI-Machine-Learning-Models-for-React-Native-Application-scaled.webp\" alt=\"AI-Machine-Learning-Models-for-React-Native-Application\" width=\"2560\" height=\"2273\" srcset=\"https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/AI-Machine-Learning-Models-for-React-Native-Application-scaled.webp 2560w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/AI-Machine-Learning-Models-for-React-Native-Application-300x266.webp 300w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/AI-Machine-Learning-Models-for-React-Native-Application-1024x909.webp 1024w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/AI-Machine-Learning-Models-for-React-Native-Application-768x682.webp 768w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/AI-Machine-Learning-Models-for-React-Native-Application-1536x1364.webp 1536w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/AI-Machine-Learning-Models-for-React-Native-Application-2048x1819.webp 2048w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/AI-Machine-Learning-Models-for-React-Native-Application-150x133.webp 150w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Vision-models\"><\/span>Vision models<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>The machine learning models falling into the vision category are used to analyze features in images and videos. Whether for mobile apps or web apps, vision models apply intelligent algorithms to let businesses achieve real-time experiences.<\/p>\n<p>Examples of vision models<\/p>\n<ul>\n<li>Image classification<\/li>\n<li>Object detection<\/li>\n<li>Semantic Segmentation<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Body-based-ML-models\"><\/span>Body-based ML models<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Artificial intelligence technologies can determine points and poses by recognizing the face, hands, and other body elements. These models can be used for predicting the boy&#8217;s weight, fat level, and more, giving a competitive edge to businesses aligning with the use of body-based ML models.<\/p>\n<p>Examples of body-based ML models<\/p>\n<ul>\n<li>Face detection<\/li>\n<li>Face Landmark detection<\/li>\n<li>Pose detection<\/li>\n<li>Body segmentation<\/li>\n<li>Hand pose detection<\/li>\n<li>Portrait depth estimation<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Text-Audio-based-ML-models\"><\/span>Text &amp; Audio based ML models<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Text-based ML models are used to analyze and classify the textual form of data. <a href=\"https:\/\/ripenapps.com\/blog\/natural-language-processing-in-ios-apps\/\" target=\"_blank\" rel=\"noopener\">Natural language processing<\/a> uses this type of model extensively to achieve the desired activities. Tools like Chat GPT embed intelligent text-based ML models to produce the results. Tools like Siri are examples of audio-based ML models.<\/p>\n<p>Examples of Text &amp; Audio based ML models<\/p>\n<ul>\n<li>Natural Language question answering<\/li>\n<li>Text toxicity detection<\/li>\n<li>Universal sentence encoder<\/li>\n<li>Speech command recognition<\/li>\n<\/ul>\n<p>The above models are dominating the artificial intelligence industry. Applications are exploring the opportunities and key areas to implement these advanced ML models and provide the best value to their users. Let us guide you through a practical demonstration of face landmark detection using React Native to further strengthen your knowledge. We advise you to <a href=\"https:\/\/ripenapps.com\/hire-dedicated-app-developers\" target=\"_blank\" rel=\"noopener\">hire dedicated mobile app developers<\/a> to build AI-rich examples due to their complexities.<\/p>\n<blockquote><p>Read Also: <a href=\"https:\/\/ripenapps.com\/blog\/leveraging-machine-learning-in-react-native-app-development-to-build-smarter-apps\/\" target=\"_blank\" rel=\"noopener\">Leveraging Machine Learning in React Native App Development to Build Smarter Apps<\/a><\/p><\/blockquote>\n<h2><span class=\"ez-toc-section\" id=\"AI-based-App-with-React-Native-Building-Face-Landmark-detection-app\"><\/span>AI-based App with React Native- Building Face Landmark detection app<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In this section of the article, we will give you a brief demonstration of how to build a face landmark detection app- an AI-based app with React Native.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"What-is-facial-landmark-detection\"><\/span>What is facial landmark detection?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"https:\/\/developers.google.com\/mediapipe\/solutions\/vision\/face_landmarker\" target=\"_blank\" rel=\"nofollow noopener\">Facial landmark detection<\/a> is a rich AI-based machine-learning technique that detects different points on the surface of a human face (like eyes, nose, ears, and more). With machine learning capabilities, an application successfully generates a 3D model of a human&#8217;s face, detecting nearly 500 points on the human face surface. Popular <a href=\"https:\/\/ripenapps.com\/blog\/develop-social-media-apps-like-snapchat\/\" target=\"_blank\" rel=\"noopener\">applications like Snapchat<\/a> use facial landmark detection techniques to apply different filters to human faces. Alongside this feature, Snapchat also employs a scoring system known as Snapchat Score, which measures user activity and engagement within the app.<\/p>\n<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-5229\" src=\"https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/facial-landmark-detection.webp\" alt=\"facial-landmark-detection\" width=\"528\" height=\"528\" srcset=\"https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/facial-landmark-detection.webp 528w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/facial-landmark-detection-300x300.webp 300w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/facial-landmark-detection-150x150.webp 150w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/facial-landmark-detection-96x96.webp 96w\" sizes=\"(max-width: 528px) 100vw, 528px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"How-will-we-achieve-it\"><\/span>How will we achieve it?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In order to achieve this, we will use React Native and TensorFlow. React Native will help us easily build the front end on the web browser; however, you can port the application to Android or iOS platforms. So, we will be:<\/p>\n<ul>\n<li>Creating webcam steam inside the front-end react application<\/li>\n<li>Loading FaceMesh from tensorflow.js and making detection from a stream<\/li>\n<li>Drawing key points and triangles on the javascript canvas<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Steps-to-Build-an-AI-Based-Mobile-App-with-React-Native\"><\/span>Steps to Build an AI-Based Mobile App with React Native<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>After completing all the steps, you will be able to see the drawing points making a 3D diagram of your face and detecting all your facial motions effectively. The complete code for landmark face detection can be found on the TensorFlow Landmark Face Detection GitHub page.<\/p>\n<ol>\n<li><a href=\"https:\/\/ripenapps.com\/blog\/guide-to-develop-react-native-app\/\" target=\"_blank\" rel=\"noopener\">Create the React Native application<\/a> on your system to build the assets.<\/li>\n<li>Install the dependencies (Tensorflow, fashmesh from Tensorflow, react-webcam) and import them to your application.<\/li>\n<li>Setup Webcam and canvas<\/li>\n<li>Define references<\/li>\n<li>Load facemesh (Loading the TensorFlow function in your application)<\/li>\n<li>Build detect function (get video properties, set video width, set canvas width, make detection, get canvas context for drawing)<\/li>\n<li>Draw utilities<\/li>\n<li>Setup the triangle path (from the browser&#8217;s console)<\/li>\n<li>Setup point drawing<\/li>\n<li>Add drawMesh to detect the function<\/li>\n<\/ol>\n<p>Businesses didn&#8217;t need to follow these technological steps, they can partner with one of the top <a href=\"https:\/\/ripenapps.com\/react-native-application-development\">React Native app development companies<\/a> to simplify the whole process and help them build AI-based mobile app.<\/p>\n<p><a href=\"https:\/\/ripenapps.com\/blog\/artificial-intelligence-with-react-native-how-it-benefits-your-business\/\"><img loading=\"lazy\" class=\"aligncenter wp-image-5234 size-full\" src=\"https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/How-Artificial-Intelligence-with-React-Native-benefit-your-businessCTA.webp\" alt=\"How-Artificial-Intelligence-with-React-Native-benefit-your-businessCTA\" width=\"800\" height=\"263\" srcset=\"https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/How-Artificial-Intelligence-with-React-Native-benefit-your-businessCTA.webp 800w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/How-Artificial-Intelligence-with-React-Native-benefit-your-businessCTA-300x99.webp 300w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/How-Artificial-Intelligence-with-React-Native-benefit-your-businessCTA-768x252.webp 768w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/How-Artificial-Intelligence-with-React-Native-benefit-your-businessCTA-150x49.webp 150w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Code-sample-for-building-AI-AI-based-mobile-app-with-React-Native\"><\/span>Code sample for building AI AI-based mobile app with React Native<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<pre>\/\/ Face Mesh from Tensor Flow\r\n\r\nimport React, { useRef, useEffect } from \"react\";\r\n\r\nimport \".\/App.css\";\r\n\r\nimport * as tf from \"@tensorflow\/tfjs\";\r\n\r\n\/\/ OLD MODEL\r\n\r\n\/\/import * as facemesh from \"@tensorflow-models\/facemesh\";\r\n\r\n\/\/ NEW MODEL\r\n\r\nimport * as facemesh from \"@tensorflow-models\/face-landmarks-detection\";\r\n\r\nimport Webcam from \"react-webcam\";\r\n\r\nimport { drawMesh } from \".\/utilities\";\r\n\r\nfunction App() {\r\n\r\nconst webcamRef = useRef(null);\r\n\r\nconst canvasRef = useRef(null);\r\n\r\n\/\/ Load posenet\r\n\r\nconst runFacemesh = async () =&gt; {\r\n\r\n\/\/ OLD MODEL\r\n\r\n\/\/ const net = await facemesh.load({\r\n\r\n\/\/ inputResolution: { width: 640, height: 480 },\r\n\r\n\/\/ scale: 0.8,\r\n\r\n\/\/ });\r\n\r\n\/\/ NEW MODEL\r\n\r\nconst net = await facemesh.load(facemesh.SupportedPackages.mediapipeFacemesh);\r\n\r\nsetInterval(() =&gt; {\r\n\r\ndetect(net);\r\n\r\n}, 10);\r\n\r\n};\r\n\r\nconst detect = async (net) =&gt; {\r\n\r\nif (\r\n\r\ntypeof webcamRef.current !== \"undefined\" &amp;&amp;\r\n\r\nwebcamRef.current !== null &amp;&amp;\r\n\r\nwebcamRef.current.video.readyState === 4\r\n\r\n) {\r\n\r\n\/\/ Get Video Properties\r\n\r\nconst video = webcamRef.current.video;\r\n\r\nconst videoWidth = webcamRef.current.video.videoWidth;\r\n\r\nconst videoHeight = webcamRef.current.video.videoHeight;\r\n\r\n\/\/ Set video width\r\n\r\nwebcamRef.current.video.width = videoWidth;\r\n\r\nwebcamRef.current.video.height = videoHeight;\r\n\r\n\/\/ Set canvas width\r\n\r\ncanvasRef.current.width = videoWidth;\r\n\r\ncanvasRef.current.height = videoHeight;\r\n\r\n\/\/ Make Detections\r\n\r\n\/\/ OLD MODEL\r\n\r\n\/\/ const face = await net.estimateFaces(video);\r\n\r\n\/\/ NEW MODEL\r\n\r\nconst face = await net.estimateFaces({input:video});\r\n\r\nconsole.log(face);\r\n\r\n\/\/ Get canvas context\r\n\r\nconst ctx = canvasRef.current.getContext(\"2d\");\r\n\r\nrequestAnimationFrame(()=&gt;{drawMesh(face, ctx)});\r\n\r\n}\r\n\r\n};\r\n\r\nuseEffect(()=&gt;{runFacemesh()}, []);\r\n\r\nreturn (\r\n\r\n&lt;div className=\"App\"&gt;\r\n\r\n&lt;header className=\"App-header\"&gt;\r\n\r\n&lt;Webcam\r\n\r\nref={webcamRef}\r\n\r\nstyle={{\r\n\r\nposition: \"absolute\",\r\n\r\nmarginLeft: \"auto\",\r\n\r\nmarginRight: \"auto\",\r\n\r\nleft: 0,\r\n\r\nright: 0,\r\n\r\ntextAlign: \"center\",\r\n\r\nzindex: 9,\r\n\r\nwidth: 640,\r\n\r\nheight: 480,\r\n\r\n}}\r\n\r\n\/&gt;\r\n\r\n&lt;canvas\r\n\r\nref={canvasRef}\r\n\r\nstyle={{\r\n\r\nposition: \"absolute\",\r\n\r\nmarginLeft: \"auto\",\r\n\r\nmarginRight: \"auto\",\r\n\r\nleft: 0,\r\n\r\nright: 0,\r\n\r\ntextAlign: \"center\",\r\n\r\nzindex: 9,\r\n\r\nwidth: 640,\r\n\r\nheight: 480,\r\n\r\n}}\r\n\r\n\/&gt;\r\n\r\n&lt;\/header&gt;\r\n\r\n&lt;\/div&gt;\r\n\r\n);\r\n\r\n}\r\n\r\nexport default App;\r\n<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Final-words\"><\/span>Final words<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Artificial intelligence brings a pool of opportunities and exploration for mankind. And, as the technology evolves, we can explore a lot of dimensions associated with it. Machine learning models are dominating the space of AI, and technologies like Tensorflow are demonstrating the ease of embedding advanced models into applications. If you are planning to build a sustainable business, you must explore and embed trends like AI in your mobile\/web app or invest in <a href=\"https:\/\/ripenapps.com\/ai-app-development\">AI app development services<\/a>.<\/p>\n<p><a href=\"https:\/\/ripenapps.com\/contact-us\"><img loading=\"lazy\" class=\"aligncenter wp-image-5233 size-full\" src=\"https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/Contact-us-CTA.webp\" alt=\"Contact-us-CTA\" width=\"800\" height=\"263\" srcset=\"https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/Contact-us-CTA.webp 800w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/Contact-us-CTA-300x99.webp 300w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/Contact-us-CTA-768x252.webp 768w, https:\/\/ripenapps.com\/blog\/wp-content\/uploads\/2023\/09\/Contact-us-CTA-150x49.webp 150w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Businesses not only want to build a mobile or web application; they also want to integrate the richness of artificial intelligence. When it comes to application development, React Native is &hellip; <\/p>\n","protected":false},"author":1,"featured_media":5235,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1121,1236,25],"tags":[1251,1254,1260,1261,1262,366],"_links":{"self":[{"href":"https:\/\/ripenapps.com\/blog\/wp-json\/wp\/v2\/posts\/5228"}],"collection":[{"href":"https:\/\/ripenapps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ripenapps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ripenapps.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ripenapps.com\/blog\/wp-json\/wp\/v2\/comments?post=5228"}],"version-history":[{"count":11,"href":"https:\/\/ripenapps.com\/blog\/wp-json\/wp\/v2\/posts\/5228\/revisions"}],"predecessor-version":[{"id":11566,"href":"https:\/\/ripenapps.com\/blog\/wp-json\/wp\/v2\/posts\/5228\/revisions\/11566"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ripenapps.com\/blog\/wp-json\/wp\/v2\/media\/5235"}],"wp:attachment":[{"href":"https:\/\/ripenapps.com\/blog\/wp-json\/wp\/v2\/media?parent=5228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ripenapps.com\/blog\/wp-json\/wp\/v2\/categories?post=5228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ripenapps.com\/blog\/wp-json\/wp\/v2\/tags?post=5228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}