feat: qr code scanner

.eslintrc.js

@@ -3,6 +3,9 @@ module.exports = {
   extends: ['expo', 'prettier', 'eslint:recommended'],
   plugins: ['prettier', '@typescript-eslint'],
   parser: '@typescript-eslint/parser',
+  env: {
+    node: true,
+  },
   rules: {
     // add project-specific linting rules here
     'prettier/prettier': 'error',

.github/pull_request_template.md

@@ -31,5 +31,4 @@
 [//]: # "Add related PRs you're waiting on/ PRs that will conflict, etc; if this is a refactor, feel free to add PRs that previously modified this code"
 
 
-
 CC: @christophertorres1 <!-- Include Carys if this PR involves frontend changes -->

App.tsx

@@ -1,22 +1,35 @@
-import { StyleSheet, Text, View } from 'react-native';
-import { StatusBar } from 'expo-status-bar';
-import Logo from '@/components/Logo';
+import * as React from 'react';
+import { NavigationContainer } from '@react-navigation/native';
+import { createNativeStackNavigator } from '@react-navigation/native-stack';
+import QRCodeScanner from '@/components/QRCodeScanner/QRCodeScanner';
+import HomeScreen from '@/screens/Home/Home';
+import TreeInfoPage from '@/screens/TreeInfo/TreeInfo';
+import { RootStackParamList } from '@/types/navigation';
 
-export default function App() {
+const Stack = createNativeStackNavigator<RootStackParamList>();
+
+function App() {
   return (
-    <View style={styles.container}>
-      <Logo />
-      <Text>Open up App.tsx to start working on your app!</Text>
-      <StatusBar style="auto" />
-    </View>
+    <NavigationContainer>
+      <Stack.Navigator initialRouteName="Scanner">
+        <Stack.Screen
+          name="Home"
+          component={HomeScreen}
+          options={{ headerShown: false }}
+        />
+        <Stack.Screen
+          name="Scanner"
+          component={QRCodeScanner}
+          options={{ headerShown: false }}
+        />
+        <Stack.Screen
+          name="TreeInfoPage"
+          component={TreeInfoPage}
+          options={{ headerShown: false }}
+        />
+      </Stack.Navigator>
+    </NavigationContainer>
   );
 }
 
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-});
+export default App;

app.json

@@ -7,6 +7,14 @@
     "orientation": "portrait",
     "icon": "./assets/bp-icon.png",
     "userInterfaceStyle": "light",
+    "plugins": [
+      [
+        "expo-camera",
+        {
+          "cameraPermission": "Allow Our City Forest to access your camera to scan QR codes."
+        }
+      ]
+    ],
     "splash": {
       "image": "./assets/bp-splash.png",
       "resizeMode": "contain",