set up mobile development

Author: philip-chen6

README.md

@@ -1,7 +1,10 @@
 # Fulcrum-Adventures
 
-cd frontend
-npm install
-npm run dev
+# Frontend:
+
+1. install expo go on your phone
+2. cd frontend, npm install, npm start, scan qr code on your phone
+3. when developing: when you save it should auto reload. console logs appear in terminal, shake your device for debugging, and if you need to clear cache use npm start -- -c.
+4. if you need to add react native libraries: do npx expo install to pick compatible versions
 
 no backend needed for now!

frontend/.gitignore

@@ -1,41 +1,44 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
 
 # dependencies
-/node_modules
-/.pnp
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/versions
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+expo-env.d.ts
+
+# Native
+.kotlin/
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
 
 # debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
+npm-debug.*
+yarn-debug.*
+yarn-error.*
 
-# env files (can opt-in for committing if needed)
-.env*
+# macOS
+.DS_Store
+*.pem
 
-# vercel
-.vercel
+# local env files
+.env*.local
 
 # typescript
 *.tsbuildinfo
-next-env.d.ts
+
+# eslint
+.eslintcache
+
+# generated native folders
+/ios
+/android

frontend/.prettierignore

@@ -1,6 +1,6 @@
-# Do not run Prettier on these paths. Customize as needed.
-.next/
-build/
+.expo/
+android/
+ios/
 dist/
-out/
-public/
+node_modules/
+*.lock

frontend/App.tsx

@@ -0,0 +1,20 @@
+import { StatusBar } from "expo-status-bar";
+import { StyleSheet, Text, View } from "react-native";
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+});
+
+export default function App() {
+  return (
+    <View style={styles.container}>
+      <Text>Open up App.tsx to start working on your app!</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+}

frontend/README.md

@@ -0,0 +1,30 @@
+{
+  "expo": {
+    "name": "frontend",
+    "slug": "frontend",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "newArchEnabled": true,
+    "splash": {
+      "image": "./assets/splash-icon.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "edgeToEdgeEnabled": true,
+      "predictiveBackGestureEnabled": false
+    },
+    "web": {
+      "favicon": "./assets/favicon.png"
+    }
+  }
+}