first commit

App.tsx

@@ -0,0 +1,652 @@
+import React, { useEffect, useState } from 'react';
+import { Alert, Button, Dimensions, Image, Modal, Pressable, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
+
+// Depedency //
+
+import {NavigationContainer} from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import Geolocation from '@react-native-community/geolocation';
+import Modal2 from "react-native-modal";
+
+
+const Stack = createNativeStackNavigator();
+
+
+// All Component //
+import {AuthProvider, useAuth} from './src/component/authContext'; 
+import MapCollectScreen from './src/component/mapCollectScreen';
+import MainScreen from './src/component/mainscreen';
+import CollectScreen from './src/component/collectscreen';
+import SendListScreen from './src/component/sentscreen';
+import SentListPJU from './src/component/sentPJU';
+import InboxListScreen from './src/component/inboxscreen';
+import MapViewScreen from './src/component/mapviewscreen';
+import EditScreen from './src/component/editscreen';
+import LoginScreen from './src/component/loginscreen';
+import HomeScreen from './src/component/homescreen';
+import SurveyPage from './src/component/surveyPage';
+import SurveyPJU from './src/component/surveyPJU';
+import SurveyPDAM from './src/component/surveyPDAM';
+import SurveyPermit from './src/component/surveyPERMIT';
+import DraftListScreen from './src/component/draftscreen';
+import ProfileScreen  from './src/component/profilescreen';
+import MapCollectLineScreen from './src/component/mapCollectLineScreen';
+import CollectLineScreen from './src/component/collectLinescreen';
+import EditLineScreen from './src/component/editLinescreen';
+import MapCollectPolygonScreen from './src/component/mapCollectPolygonScreen';
+import CollectPolygonScreen from './src/component/collectPolygonscreen';
+import EditPolygonScreen from './src/component/editPolygonscreen';
+import MapViewPolygonScreen from './src/component/mapViewPolygonScreen';
+import MapViewLineScreen from './src/component/mapViewLineScreen';
+import { USER_API_URL } from "../SurveyApp/urlConfig";
+import { PermissionsAndroid } from 'react-native';
+
+
+
+
+
+
+function App(navigation:any) {
+  return (
+    <AuthProvider>
+      <Nav/>
+    </AuthProvider>
+  );
+}
+
+export const Nav = () => {
+  const { authState, onLogout} = useAuth();
+  const [email,setEmail] = useState("");
+  const [name,setName] = useState("");
+  const [password, setPassword] = useState("");
+  const [confirmpassword, setConfirmPassword] = useState("");
+  const [modalVisibleProfil, setmodalVisibleProfil] = useState(false);
+
+  const [validPass,setValidPass] = useState(false);
+  const [emailExist,setEmailExist] = useState(false);
+  const [currentPosition, setCurrentPosition] = useState<[number,number] | null>(null);
+  const [modalVisible, setModalVisible] = useState(true);
+
+  let width = Dimensions.get('window').width;
+  let height = Dimensions.get('window').height;
+
+  const [widthModal, setWidthModal] = useState(
+    width < height ? '80%' : '50%',
+  );
+  const [heightModal, setHeightModal] = useState(
+    width < height ? '60%' : '100%',
+  );
+  const [profileMarginModal, setProfileMarginModal] = useState(
+    width < height ? 80 : 30,
+  );
+  const changeProfile = async () => {
+    console.log({
+      pass:password,
+      confirm:confirmpassword,
+      email:email===""?authState?.email:email
+    });
+    
+    if(password!=""){
+      if(password != confirmpassword) {
+        setValidPass(true)
+      }
+      else{
+        let updateProf = await fetch(`${USER_API_URL}/changePass`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          
+          body: JSON.stringify({password:confirmpassword,id:authState?.id})
+        });
+        const status = updateProf.status
+        if (status == 201) {
+          Alert.alert('Change Password Success', 'You Must Re-Login!',[
+            {
+              text: 'Ok',
+              onPress: onLogout
+            }
+          ])
+        }
+        else {
+          Alert.alert("Internal Server Error")
+        }
+        
+        setValidPass(false)
+      }
+    }
+    let resultcheckExist = await fetch(`${USER_API_URL}/checkExist`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        
+        body: JSON.stringify({email:email===""?authState?.email:email})
+    });
+    const checkExist = await resultcheckExist.json();
+    if (checkExist.msg == "Not Use"){
+      setEmailExist(false);
+      let updateProf = await fetch(`${USER_API_URL}/update`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        
+        body: JSON.stringify({email:email===""?authState?.email:email,name:name===""?authState?.name:name,id:authState?.id})
+      });
+      const status = updateProf.status
+      if (status == 201) {
+        Alert.alert('Change Profile Success', 'You Must Re-Login!',[
+          {
+            text: 'Ok',
+            onPress: onLogout
+          }
+        ])
+      }
+      else {
+        Alert.alert("Internal Server Error")
+      }
+    }
+    else{
+      setEmailExist(true);
+    }
+  }
+
+  const requestCameraPermission = async () => {
+    try {
+      const granted = await PermissionsAndroid.request(
+        PermissionsAndroid.PERMISSIONS.CAMERA,
+        {
+          title: 'Cool Photo App Camera Permission',
+          message: 'Cool Photo App needs access to your camera so you can take awesome pictures.',
+          buttonPositive: 'Ok'
+        }
+      )
+      if (granted === PermissionsAndroid.RESULTS.GRANTED) {
+        console.log("You can use the camera")
+      } else {
+        console.log("Camera permission denied")
+      }
+    } catch (error) {
+      
+    }
+  }
+
+  useEffect(() => {
+    requestCameraPermission()
+    Dimensions.addEventListener('change', ({window:{width,height}})=>{
+      if (width<height) {
+        console.log('PORTRAIT');
+        
+        setWidthModal("80%")
+        setHeightModal("60%")
+        setProfileMarginModal(80)
+      } else {
+        setWidthModal("50%")
+        setHeightModal("100%")
+        setProfileMarginModal(30)
+        console.log('LANDSCAPE');
+      }
+    })
+  }, []);
+
+  const logout = () => {
+    onLogout();
+    setmodalVisibleProfil(false);
+  }
+
+  const profileLayout = () => {
+    return(<>
+      <TouchableOpacity onPress={()=>setmodalVisibleProfil(true)}>
+        <View style={{backgroundColor:'white',height:45,width:45,alignItems:'center',justifyContent:'center',borderRadius:100}}>
+          <Image
+            source={require('../SurveyApp/assets/icon/profile.png')}
+            style={{height: 40,
+              width: 40,
+              resizeMode: 'stretch',}}
+          />
+        </View>
+      </TouchableOpacity>
+      <Modal2 
+        isVisible={modalVisibleProfil}
+        animationIn={'fadeIn'}
+        animationOut={'slideOutUp'}
+        animationOutTiming={600}
+        >
+        <View style={{flex: 1,alignItems:'center'}}>
+            <View style={{
+              alignSelf:'center',
+              width:widthModal,
+              height:heightModal,
+              backgroundColor:'#e8dff2',
+              borderRadius:20,
+              position:'relative'
+            }}>
+              <View style={{backgroundColor:'#9957eb',width:'100%',height:'30%',borderTopLeftRadius:20,borderTopRightRadius:20}} />
+              <View style={{backgroundColor:'white',position:'absolute', alignSelf:'center',alignItems:"center", marginTop:profileMarginModal,width:110,height:110,borderRadius:100,justifyContent:'center'}}>
+                <Image
+                  source={require('../SurveyApp/assets/icon/profile_128.png')}
+                  style={{
+                    height:100,
+                    width:100,
+                    
+                  }}
+                />
+              </View>
+              <TouchableOpacity onPress={()=>setmodalVisibleProfil(false)} style={{
+                position:'absolute',
+                alignSelf:'flex-end',
+                padding:5
+              }}>
+                <Image
+                  source={require('../SurveyApp/assets/icon/no.png')}
+                  style={{
+                    height:30,
+                    width:30,
+                  }}
+                />
+              </TouchableOpacity>
+              <View style={{alignItems:'center',height:'50%'}}>
+                <View style={{marginTop:60}} />
+                <Text style={{color:'black',fontSize:20,fontWeight:'bold'}}>{authState?.name}</Text>
+                <Text style={{color:'grey'}}>{authState?.email}</Text>
+              </View>
+              <View style={{height:'20%',alignItems:'center',justifyContent:'center',paddingBottom:10}}>
+                <TouchableOpacity onPress={logout} style={{flexDirection:'row',alignItems:'center',columnGap:5}}>
+                  <Image
+                    source={require('../SurveyApp/assets/icon/exit.png')}
+                    style={{
+                      height:30,
+                      width:30,
+                    }}
+                  />
+                  <Text style={{color:'black'}}>Logout</Text>
+                </TouchableOpacity>
+              </View>
+            </View>
+          </View>
+      </Modal2>
+    </>
+
+    )
+  }
+
+  const geonetLogo = () => {
+    return(<>
+      <View>
+      <Image
+            source={require('../SurveyApp/assets/img/Geonet_polos.png')}
+            style={{height: 35,
+              width: 115}}
+          />
+      </View>
+    </>
+
+    )
+  }
+  const geonetLogo2 = () => {
+    return(<>
+      <View>
+      <Image
+            source={require('../SurveyApp/assets/img/geonet_putih.png')}
+            style={{height: 40,
+              width: 140}}
+          />
+      </View>
+    </>
+
+    )
+  }
+    
+  return (
+    <NavigationContainer>
+        <Stack.Navigator>
+          { authState?.authenticated&&authState?.token ?
+            <Stack.Screen name='Home' component={HomeScreen}
+              options={{
+                headerStyle: {
+                  backgroundColor: '#34A6F8',
+                },
+                headerRight: geonetLogo2,
+                headerTintColor: '#FFFFFF',
+                headerShadowVisible: false,
+              }}
+            />
+            : 
+            <Stack.Screen name='Login' component={LoginScreen}
+            options={{
+              title: 'Mobile Survey App',
+              headerTitleStyle: {
+                fontSize:20,
+                fontWeight:'bold'
+              },
+              headerStyle: {
+                backgroundColor: '#FFFFFF',
+              },
+              headerTintColor: '#000000',
+              headerShadowVisible: false,
+              headerRight: geonetLogo
+            }}/>
+          }
+          <Stack.Screen name="Survey" component={SurveyPage}
+            options={{
+              headerStyle: {
+                backgroundColor: '#34A6F8',
+              },
+              headerRight: geonetLogo2,
+              headerBackVisible:false,
+              headerTintColor: '#FFFFFF',
+              headerShadowVisible: false,
+          }}/>
+          <Stack.Screen name="Survey Penerangan Jalan Umum" component={SurveyPJU}
+            options={{
+              headerStyle: {
+                backgroundColor: '#34A6F8',
+              },
+              // headerRight: geonetLogo2,
+              // headerBackVisible:false,
+              headerTintColor: '#FFFFFF',
+              headerShadowVisible: false,
+              headerTitleStyle: {
+                fontSize:20
+              }
+          }}/>
+          <Stack.Screen name="Survey Pipa PDAM" component={SurveyPDAM}
+            options={{
+              headerStyle: {
+                backgroundColor: '#34A6F8',
+              },
+              // headerRight: geonetLogo2,
+              // headerBackVisible:false,
+              headerTintColor: '#FFFFFF',
+              headerShadowVisible: false,
+              headerTitleStyle: {
+                fontSize:20
+              }
+          }}/>
+          <Stack.Screen name="Survey Land Permit" component={SurveyPermit}
+            options={{
+              headerStyle: {
+                backgroundColor: '#34A6F8',
+              },
+              // headerRight: geonetLogo2,
+              // headerBackVisible:false,
+              headerTintColor: '#FFFFFF',
+              headerShadowVisible: false,
+              headerTitleStyle: {
+                fontSize:20
+              }
+          }}/>
+          <Stack.Screen name="PJU Map Collect" component={MapCollectScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="PJU Collecting" component={CollectScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            orientation: 'portrait',
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="Sent" component={SendListScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="Sent Penerangan Jalan Umum" component={SentListPJU}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="Inbox" component={InboxListScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="MapView" component={MapViewScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="Edit" component={EditScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="Draft" component={DraftListScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="Profile" component={ProfileScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="PDAM Map Collect" component={MapCollectLineScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="PDAM Collecting" component={CollectLineScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="PDAM Editing" component={EditLineScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="Permit Map" component={MapCollectPolygonScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="Permit Collecting" component={CollectPolygonScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="Permit Editing" component={EditPolygonScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="Map View Polygon" component={MapViewPolygonScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+          <Stack.Screen name="Map View Line" component={MapViewLineScreen}
+          options={{
+            headerStyle: {
+              backgroundColor: '#34A6F8',
+            },
+            headerTintColor: '#FFFFFF',
+            headerShadowVisible: false,
+            headerTitleStyle: {
+              fontSize:20
+            }
+          }}/>
+        </Stack.Navigator>
+      </NavigationContainer>
+  )
+}
+const styles = StyleSheet.create({
+  centeredView: {
+    flex: 1,
+    alignItems: 'flex-end',
+    marginTop: 15,
+    padding: 10
+  },
+  centeredViewProf: {
+    flex: 1,
+    alignItems: 'center',
+    marginTop: 15,
+    padding: 10
+  },
+  modalViewProfil: {
+    width:350,
+    height:400,
+    backgroundColor: 'white',
+    borderRadius: 20,
+    paddingLeft: 20,
+    paddingBottom: 20,
+    paddingTop: 20,
+    paddingRight: 20,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 4,
+    elevation: 5,
+  },
+  modalView: {
+    rowGap:50,
+    width:200,
+    height:220,
+    backgroundColor: 'white',
+    borderRadius: 50,
+    padding: 25,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 4,
+    elevation: 5,
+  },
+  head: {
+      backgroundColor: '#34A6F8',
+      flexDirection: 'row',
+      justifyContent: 'space-between',
+      paddingTop: 10,
+      paddingBottom: 10,
+      paddingLeft: 10,
+      paddingRight: 10,
+      textAlign: 'center'
+  },
+  title: {
+      color: '#000000',
+      fontWeight: 'bold',
+      fontSize: 18,
+      
+  },
+  profile: {
+      backgroundColor: '#ADDDFF',
+      borderRadius: 50,
+      width:50,
+      height:50,
+      // position: 'absolute',
+      
+  },
+  name: {
+      fontWeight: 'bold',
+      textAlign: 'center',
+      paddingTop: 13,
+      paddingBottom: 13,
+      paddingLeft: 13,
+      paddingRight: 13
+  }
+});
+export default App;

Gemfile

@@ -0,0 +1,9 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper
+# bound in the template on Cocoapods with next React Native release.
+gem 'cocoapods', '>= 1.13', '< 1.15'
+gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'

README.md

@@ -0,0 +1,79 @@
+This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
+
+# Getting Started
+
+>**Note**: Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions till "Creating a new application" step, before proceeding.
+
+## Step 1: Start the Metro Server
+
+First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.
+
+To start Metro, run the following command from the _root_ of your React Native project:
+
+```bash
+# using npm
+npm start
+
+# OR using Yarn
+yarn start
+```
+
+## Step 2: Start your Application
+
+Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:
+
+### For Android
+
+```bash
+# using npm
+npm run android
+
+# OR using Yarn
+yarn android
+```
+
+### For iOS
+
+```bash
+# using npm
+npm run ios
+
+# OR using Yarn
+yarn ios
+```
+
+If everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly.
+
+This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.
+
+## Step 3: Modifying your App
+
+Now that you have successfully run the app, let's modify it.
+
+1. Open `App.tsx` in your text editor of choice and edit some lines.
+2. For **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Developer Menu** (<kbd>Ctrl</kbd> + <kbd>M</kbd> (on Window and Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (on macOS)) to see your changes!
+
+   For **iOS**: Hit <kbd>Cmd ⌘</kbd> + <kbd>R</kbd> in your iOS Simulator to reload the app and see your changes!
+
+## Congratulations! :tada:
+
+You've successfully run and modified your React Native App. :partying_face:
+
+### Now what?
+
+- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
+- If you're curious to learn more about React Native, check out the [Introduction to React Native](https://reactnative.dev/docs/getting-started).
+
+# Troubleshooting
+
+If you can't get this to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
+
+# Learn More
+
+To learn more about React Native, take a look at the following resources:
+
+- [React Native Website](https://reactnative.dev) - learn more about React Native.
+- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
+- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
+- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
+- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.

__tests__/App.test.tsx

@@ -0,0 +1,17 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: import explicitly to use the types shipped with jest.
+import {it} from '@jest/globals';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});

android/app/build.gradle

@@ -0,0 +1,127 @@
+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+
+/**
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+    /* Folders */
+    //   The root of your project, i.e. where "package.json" lives. Default is '..'
+    // root = file("../")
+    //   The folder where the react-native NPM package is. Default is ../node_modules/react-native
+    // reactNativeDir = file("../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../node_modules/@react-native/codegen
+    // codegenDir = file("../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../node_modules/react-native/cli.js
+    // cliFile = file("../node_modules/react-native/cli.js")
+
+    /* Variants */
+    //   The list of variants to that are debuggable. For those we're going to
+    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "prodDebug"]
+
+    /* Bundling */
+    //   A list containing the node command and its flags. Default is just 'node'.
+    // nodeExecutableAndArgs = ["node"]
+    //
+    //   The command to run when bundling. By default is 'bundle'
+    // bundleCommand = "ram-bundle"
+    //
+    //   The path to the CLI configuration file. Default is empty.
+    // bundleConfig = file(../rn-cli.config.js)
+    //
+    //   The name of the generated asset file containing your JS bundle
+    // bundleAssetName = "MyApplication.android.bundle"
+    //
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+    // entryFile = file("../js/MyApplication.android.js")
+    //
+    //   A list of extra flags to pass to the 'bundle' commands.
+    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+    // extraPackagerArgs = []
+
+    /* Hermes Commands */
+    //   The hermes compiler command to run. By default it is 'hermesc'
+    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    //
+    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+    // hermesFlags = ["-O", "-output-source-map"]
+}
+
+/**
+ * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC)
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US. Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'org.webkit:android-jsc:+'
+
+android {
+    ndkVersion rootProject.ext.ndkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
+
+    namespace "com.surveyapp"
+    defaultConfig {
+        applicationId "com.surveyapp"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+    }
+    signingConfigs {
+        debug {
+            storeFile file('debug.keystore')
+            storePassword 'android'
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+        }
+        release {
+            if (project.hasProperty('MYAPP_UPLOAD_STORE_FILE')) {
+                storeFile file(MYAPP_UPLOAD_STORE_FILE)
+                storePassword MYAPP_UPLOAD_STORE_PASSWORD
+                keyAlias MYAPP_UPLOAD_KEY_ALIAS
+                keyPassword MYAPP_UPLOAD_KEY_PASSWORD
+            }
+        }
+    }
+    buildTypes {
+        debug {
+            signingConfig signingConfigs.debug
+        }
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://reactnative.dev/docs/signed-apk-android.
+            signingConfig signingConfigs.release
+            signingConfig signingConfigs.debug
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+}
+
+dependencies {
+    // The version of react-native is set by the React Native Gradle Plugin
+    implementation("com.facebook.react:react-android")
+
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+}
+
+apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)

android/app/proguard-rules.pro

@@ -0,0 +1,10 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:

android/app/src/debug/AndroidManifest.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <application
+        android:usesCleartextTraffic="true"
+        tools:targetApi="28"
+        tools:ignore="GoogleAppIndexingWarning"/>
+</manifest>

android/app/src/main/AndroidManifest.xml

@@ -0,0 +1,35 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
+    <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION"/>
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="RECORD_AUDIO"/>
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
+
+    <application
+      android:usesCleartextTraffic="true"
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:roundIcon="@mipmap/ic_launcher_round"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme">
+      <activity
+        android:usesCleartextTraffic="true"
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+        android:launchMode="singleTask"
+        android:windowSoftInputMode="adjustResize"
+        android:exported="true">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+    </application>
+</manifest>

android/app/src/main/java/com/surveyapp/MainActivity.kt

@@ -0,0 +1,22 @@
+package com.surveyapp
+
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+
+class MainActivity : ReactActivity() {
+
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  override fun getMainComponentName(): String = "SurveyApp"
+
+  /**
+   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
+   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
+   */
+  override fun createReactActivityDelegate(): ReactActivityDelegate =
+      DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
+}

android/app/src/main/java/com/surveyapp/MainApplication.kt

@@ -0,0 +1,43 @@
+package com.surveyapp
+
+import android.app.Application
+import com.facebook.react.PackageList
+import com.facebook.react.ReactApplication
+import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeHost
+import com.facebook.react.ReactPackage
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
+import com.facebook.react.defaults.DefaultReactNativeHost
+import com.facebook.soloader.SoLoader
+
+class MainApplication : Application(), ReactApplication {
+
+  override val reactNativeHost: ReactNativeHost =
+      object : DefaultReactNativeHost(this) {
+        override fun getPackages(): List<ReactPackage> =
+            PackageList(this).packages.apply {
+              // Packages that cannot be autolinked yet can be added manually here, for example:
+              // add(MyReactNativePackage())
+            }
+
+        override fun getJSMainModuleName(): String = "index"
+
+        override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
+
+        override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
+        override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
+      }
+
+  override val reactHost: ReactHost
+    get() = getDefaultReactHost(applicationContext, reactNativeHost)
+
+  override fun onCreate() {
+    super.onCreate()
+    SoLoader.init(this, false)
+    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+      // If you opted-in for the New Architecture, we load the native entry point for this app.
+      load()
+    }
+  }
+}

android/app/src/main/res/drawable/rn_edit_text_material.xml

@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Copyright (C) 2014 The Android Open Source Project
+
+     Licensed under the Apache License, Version 2.0 (the "License");
+     you may not use this file except in compliance with the License.
+     You may obtain a copy of the License at
+
+          http://www.apache.org/licenses/LICENSE-2.0
+
+     Unless required by applicable law or agreed to in writing, software
+     distributed under the License is distributed on an "AS IS" BASIS,
+     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     See the License for the specific language governing permissions and
+     limitations under the License.
+-->
+<inset xmlns:android="http://schemas.android.com/apk/res/android"
+       android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
+       android:insetTop="@dimen/abc_edit_text_inset_top_material"
+       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material"
+       >
+
+    <selector>
+        <!--
+          This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).
+          The item below with state_pressed="false" and state_focused="false" causes a NullPointerException.
+          NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'
+
+          <item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+
+          For more info, see https://bit.ly/3CdLStv (react-native/pull/29452) and https://bit.ly/3nxOMoR.
+        -->
+        <item android:state_enabled="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
+        <item android:drawable="@drawable/abc_textfield_activated_mtrl_alpha"/>
+    </selector>
+
+</inset>

android/app/src/main/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">SurveyApp</string>
+</resources>

android/app/src/main/res/values/styles.xml

@@ -0,0 +1,9 @@
+<resources>
+
+    <!-- Base application theme. -->
+    <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
+        <!-- Customize your theme here. -->
+        <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
+    </style>
+
+</resources>

android/build.gradle

@@ -0,0 +1,21 @@
+buildscript {
+    ext {
+        buildToolsVersion = "34.0.0"
+        minSdkVersion = 23
+        compileSdkVersion = 34
+        targetSdkVersion = 34
+        ndkVersion = "26.1.10909125"
+        kotlinVersion = "1.9.22"
+    }
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath("com.android.tools.build:gradle")
+        classpath("com.facebook.react:react-native-gradle-plugin")
+        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin")
+    }
+}
+
+apply plugin: "com.facebook.react.rootproject"

android/gradle.properties

@@ -0,0 +1,41 @@
+# Project-wide Gradle settings.
+
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
+org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
+
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. More details, visit
+# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
+# org.gradle.parallel=true
+
+# AndroidX package structure to make it clearer which packages are bundled with the
+# Android operating system, and which are packaged with your app's APK
+# https://developer.android.com/topic/libraries/support-library/androidx-rn
+android.useAndroidX=true
+# Automatically convert third-party libraries to use AndroidX
+android.enableJetifier=true
+
+# Use this property to specify which architecture you want to build.
+# You can also override it from the CLI using
+# ./gradlew <task> -PreactNativeArchitectures=x86_64
+reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
+
+# Use this property to enable support to the new architecture.
+# This will allow you to use TurboModules and the Fabric render in
+# your application. You should enable this flag either if you want
+# to write custom TurboModules/Fabric components OR use libraries that
+# are providing them.
+newArchEnabled=false
+
+# Use this property to enable or disable the Hermes JS engine.
+# If set to false, you will be using JSC instead.
+hermesEnabled=true

android/gradle/wrapper/gradle-wrapper.properties

@@ -0,0 +1,7 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.5-all.zip
+networkTimeout=10000
+validateDistributionUrl=true
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists

android/gradlew

@@ -0,0 +1,249 @@
+#!/bin/sh
+
+#
+# Copyright © 2015-2021 the original authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+#
+#   Gradle start up script for POSIX generated by Gradle.
+#
+#   Important for running:
+#
+#   (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
+#       noncompliant, but you have some other compliant shell such as ksh or
+#       bash, then to run this script, type that shell name before the whole
+#       command line, like:
+#
+#           ksh Gradle
+#
+#       Busybox and similar reduced shells will NOT work, because this script
+#       requires all of these POSIX shell features:
+#         * functions;
+#         * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
+#           «${var#prefix}», «${var%suffix}», and «$( cmd )»;
+#         * compound commands having a testable exit status, especially «case»;
+#         * various built-in commands including «command», «set», and «ulimit».
+#
+#   Important for patching:
+#
+#   (2) This script targets any POSIX shell, so it avoids extensions provided
+#       by Bash, Ksh, etc; in particular arrays are avoided.
+#
+#       The "traditional" practice of packing multiple parameters into a
+#       space-separated string is a well documented source of bugs and security
+#       problems, so this is (mostly) avoided, by progressively accumulating
+#       options in "$@", and eventually passing that to Java.
+#
+#       Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
+#       and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
+#       see the in-line comments for details.
+#
+#       There are tweaks for specific operating systems such as AIX, CygWin,
+#       Darwin, MinGW, and NonStop.
+#
+#   (3) This script is generated from the Groovy template
+#       https://github.com/gradle/gradle/blob/HEAD/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       within the Gradle project.
+#
+#       You can find Gradle at https://github.com/gradle/gradle/.
+#
+##############################################################################
+
+# Attempt to set APP_HOME
+
+# Resolve links: $0 may be a link
+app_path=$0
+
+# Need this for daisy-chained symlinks.
+while
+    APP_HOME=${app_path%"${app_path##*/}"}  # leaves a trailing /; empty if no leading path
+    [ -h "$app_path" ]
+do
+    ls=$( ls -ld "$app_path" )
+    link=${ls#*' -> '}
+    case $link in             #(
+      /*)   app_path=$link ;; #(
+      *)    app_path=$APP_HOME$link ;;
+    esac
+done
+
+# This is normally unused
+# shellcheck disable=SC2034
+APP_BASE_NAME=${0##*/}
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd "${APP_HOME:-./}" > /dev/null && pwd -P ) || exit
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD=maximum
+
+warn () {
+    echo "$*"
+} >&2
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+} >&2
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "$( uname )" in                #(
+  CYGWIN* )         cygwin=true  ;; #(
+  Darwin* )         darwin=true  ;; #(
+  MSYS* | MINGW* )  msys=true    ;; #(
+  NONSTOP* )        nonstop=true ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD=$JAVA_HOME/jre/sh/java
+    else
+        JAVACMD=$JAVA_HOME/bin/java
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD=java
+    if ! command -v java >/dev/null 2>&1
+    then
+        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+fi
+
+# Increase the maximum file descriptors if we can.
+if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
+    case $MAX_FD in #(
+      max*)
+        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        MAX_FD=$( ulimit -H -n ) ||
+            warn "Could not query maximum file descriptor limit"
+    esac
+    case $MAX_FD in  #(
+      '' | soft) :;; #(
+      *)
+        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC2039,SC3045
+        ulimit -n "$MAX_FD" ||
+            warn "Could not set maximum file descriptor limit to $MAX_FD"
+    esac
+fi
+
+# Collect all arguments for the java command, stacking in reverse order:
+#   * args from the command line
+#   * the main class name
+#   * -classpath
+#   * -D...appname settings
+#   * --module-path (only if needed)
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if "$cygwin" || "$msys" ; then
+    APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
+    CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
+
+    JAVACMD=$( cygpath --unix "$JAVACMD" )
+
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    for arg do
+        if
+            case $arg in                                #(
+              -*)   false ;;                            # don't mess with options #(
+              /?*)  t=${arg#/} t=/${t%%/*}              # looks like a POSIX filepath
+                    [ -e "$t" ] ;;                      #(
+              *)    false ;;
+            esac
+        then
+            arg=$( cygpath --path --ignore --mixed "$arg" )
+        fi
+        # Roll the args list around exactly as many times as the number of
+        # args, so each arg winds up back in the position where it started, but
+        # possibly modified.
+        #
+        # NB: a `for` loop captures its iteration list before it begins, so
+        # changing the positional parameters here affects neither the number of
+        # iterations, nor the values presented in `arg`.
+        shift                   # remove old arg
+        set -- "$@" "$arg"      # push replacement arg
+    done
+fi
+
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Collect all arguments for the java command:
+#   * DEFAULT_JVM_OPTS, JAVA_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
+#     and any embedded shellness will be escaped.
+#   * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
+#     treated as '${Hostname}' itself on the command line.
+
+set -- \
+        "-Dorg.gradle.appname=$APP_BASE_NAME" \
+        -classpath "$CLASSPATH" \
+        org.gradle.wrapper.GradleWrapperMain \
+        "$@"
+
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
+# Use "xargs" to parse quoted args.
+#
+# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
+#
+# In Bash we could simply go:
+#
+#   readarray ARGS < <( xargs -n1 <<<"$var" ) &&
+#   set -- "${ARGS[@]}" "$@"
+#
+# but POSIX shell has neither arrays nor command substitution, so instead we
+# post-process each arg (as a line of input to sed) to backslash-escape any
+# character that might be a shell metacharacter, then use eval to reverse
+# that process (while maintaining the separation between arguments), and wrap
+# the whole thing up as a single "set" statement.
+#
+# This will of course break if any of these variables contains a newline or
+# an unmatched quote.
+#
+
+eval "set -- $(
+        printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
+        xargs -n1 |
+        sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
+        tr '\n' ' '
+    )" '"$@"'
+
+exec "$JAVACMD" "$@"

android/gradlew.bat

@@ -0,0 +1,92 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%"=="" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%"=="" set DIRNAME=.
+@rem This is normally unused
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if %ERRORLEVEL% equ 0 goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if %ERRORLEVEL% equ 0 goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega

android/settings.gradle

@@ -0,0 +1,4 @@
+rootProject.name = 'SurveyApp'
+apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
+include ':app'
+includeBuild('../node_modules/@react-native/gradle-plugin')

app.json

@@ -0,0 +1,4 @@
+{
+  "name": "SurveyApp",
+  "displayName": "SurveyApp"
+}

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['module:@react-native/babel-preset'],
+};

index.js

@@ -0,0 +1,9 @@
+/**
+ * @format
+ */
+
+import {AppRegistry} from 'react-native';
+import App from './App';
+import {name as appName} from './app.json';
+
+AppRegistry.registerComponent(appName, () => App);

ios/.xcode.env

@@ -0,0 +1,11 @@
+# This `.xcode.env` file is versioned and is used to source the environment
+# used when running script phases inside Xcode.
+# To customize your local environment, you can create an `.xcode.env.local`
+# file that is not versioned.
+
+# NODE_BINARY variable contains the PATH to the node executable.
+#
+# Customize the NODE_BINARY variable here.
+# For example, to use nvm with brew, add the following line
+# . "$(brew --prefix nvm)/nvm.sh" --no-use
+export NODE_BINARY=$(command -v node)