add audio record and permission

API/app.py

@@ -45,6 +45,6 @@ def abc():
 
 
 if __name__ == "__main__":
-    app.run(host='192.168.8.102')
+    app.run(host='192.168.8.101')
     # app.run(host='192.168.8.100,port='5000', debug=True)
     # app.run(debug=True)

frontend/package-lock.json

@@ -15,10 +15,12 @@
         "native-base": "^3.2.2",
         "react": "17.0.2",
         "react-native": "0.66.2",
+        "react-native-audio-record": "^0.2.2",
         "react-native-elements": "^3.4.2",
         "react-native-fontawesome": "^7.0.0",
         "react-native-gesture-handler": "^1.10.3",
         "react-native-orientation-locker": "^1.4.0",
+        "react-native-permissions": "^3.2.0",
         "react-native-reanimated": "^2.2.4",
         "react-native-safe-area-context": "^3.3.2",
         "react-native-screens": "^3.9.0",
@@ -12652,6 +12654,11 @@
         "react": "17.0.2"
       }
     },
+    "node_modules/react-native-audio-record": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/react-native-audio-record/-/react-native-audio-record-0.2.2.tgz",
+      "integrity": "sha512-+JEY3AWz21xylePbXZ81DLHcqU5oJYztn3Uel3ay53P3ZrvJlwfmOmyOuoavA9boPV1O0dLLQIu9gC7xbKwNvQ=="
+    },
     "node_modules/react-native-codegen": {
       "version": "0.0.7",
       "resolved": "https://registry.npmjs.org/react-native-codegen/-/react-native-codegen-0.0.7.tgz",
@@ -12709,6 +12716,21 @@
         "react-native-windows": ">=0.63.3"
       }
     },
+    "node_modules/react-native-permissions": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/react-native-permissions/-/react-native-permissions-3.2.0.tgz",
+      "integrity": "sha512-UPXxf2twjYL9vPI4HP2kT15AOTY489MhsNuyAgp+wJM2IRkkSVW6rO3k4WuSRL9ZmPhwkWb9bYjf8EEwRzZcXg==",
+      "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-native": ">=0.63.3",
+        "react-native-windows": ">=0.62.0"
+      },
+      "peerDependenciesMeta": {
+        "react-native-windows": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/react-native-ratings": {
       "version": "8.0.4",
       "resolved": "https://registry.npmjs.org/react-native-ratings/-/react-native-ratings-8.0.4.tgz",
@@ -25376,6 +25398,11 @@
         }
       }
     },
+    "react-native-audio-record": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/react-native-audio-record/-/react-native-audio-record-0.2.2.tgz",
+      "integrity": "sha512-+JEY3AWz21xylePbXZ81DLHcqU5oJYztn3Uel3ay53P3ZrvJlwfmOmyOuoavA9boPV1O0dLLQIu9gC7xbKwNvQ=="
+    },
     "react-native-codegen": {
       "version": "0.0.7",
       "resolved": "https://registry.npmjs.org/react-native-codegen/-/react-native-codegen-0.0.7.tgz",
@@ -25424,6 +25451,12 @@
       "integrity": "sha512-O/Ki7uw1lltKiTZLcTuLcSh4EzLFqXKKo2J4cLKvyG52YiEawbn/ipsZriZlWzK0mhX4dSe79CoRS4IsyUs1fw==",
       "requires": {}
     },
+    "react-native-permissions": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/react-native-permissions/-/react-native-permissions-3.2.0.tgz",
+      "integrity": "sha512-UPXxf2twjYL9vPI4HP2kT15AOTY489MhsNuyAgp+wJM2IRkkSVW6rO3k4WuSRL9ZmPhwkWb9bYjf8EEwRzZcXg==",
+      "requires": {}
+    },
     "react-native-ratings": {
       "version": "8.0.4",
       "resolved": "https://registry.npmjs.org/react-native-ratings/-/react-native-ratings-8.0.4.tgz",

frontend/package.json

@@ -17,10 +17,12 @@
     "native-base": "^3.2.2",
     "react": "17.0.2",
     "react-native": "0.66.2",
+    "react-native-audio-record": "^0.2.2",
     "react-native-elements": "^3.4.2",
     "react-native-fontawesome": "^7.0.0",
     "react-native-gesture-handler": "^1.10.3",
     "react-native-orientation-locker": "^1.4.0",
+    "react-native-permissions": "^3.2.0",
     "react-native-reanimated": "^2.2.4",
     "react-native-safe-area-context": "^3.3.2",
     "react-native-screens": "^3.9.0",

frontend/src/screen/Color.js

@@ -6,7 +6,7 @@ import { StyleSheet, View, Text, Pressable, SafeAreaView, ScrollView, Image, Ima
 import ImageButton from "../component/ImageButton";
 import ColorActivity from "../component/colorActivity";
 
-const webUrel = "http://192.168.8.102:5000/getColorActivities";
+const webUrel = "http://192.168.8.101:5000/getColorActivities";
 
 export default function Color(){