Navlinks routeprotection

mobile/app.json

@@ -10,9 +10,26 @@
       "**/*"
     ],
     "ios": {
-      "supportsTablet": false
+      "supportsTablet": false,
+      "bundleIdentifier": "com.discoverly.app"
+    },
+    "android": {
+      "package": "com.discoverly.app",
+      "intentFilters": [
+        {
+          "action": "VIEW",
+          "data": [
+            {
+              "scheme": "discoverly"
+            }
+          ],
+          "category": [
+            "BROWSABLE",
+            "DEFAULT"
+          ]
+        }
+      ]
     },
-    "android": {},
     "web": {
       "bundler": "metro"
     },

mobile/app/(auth)/_layout.tsx

@@ -0,0 +1,14 @@
+import { Stack } from "expo-router"
+
+export default function AuthLayout() {
+  return (
+    <Stack
+      screenOptions={{
+        headerShown: false,
+      }}
+    >
+      <Stack.Screen name="login" />
+      <Stack.Screen name="register" />
+    </Stack>
+  )
+}

mobile/app/(auth)/login.tsx

@@ -1,7 +1,16 @@
-import { Link } from "expo-router"
-import { Text, View } from "react-native"
+import { Link, useRouter } from "expo-router"
+import { Pressable, Text, View } from "react-native"
+import { useAuthStore } from "../../src/store/useAuthStore"
 
 export default function LoginScreen() {
+  const router = useRouter()
+  const setToken = useAuthStore((state) => state.setToken)
+
+  const onSignIn = () => {
+    setToken("session_token")
+    router.replace("/(tabs)/discover")
+  }
+
   return (
     <View
       style={{
@@ -14,8 +23,13 @@
       }}
     >
       <Text style={{ fontSize: 28, fontWeight: "700" }}>Welcome Back</Text>
-      <Text>Phase 1 auth UI scaffold.</Text>
-      <Link href="/(tabs)/discover">Mock Sign In</Link>
+      <Text>Sign in to discover dishes curated for your taste.</Text>
+      <Pressable
+        onPress={onSignIn}
+        style={{ backgroundColor: "#111827", borderRadius: 10, paddingHorizontal: 14, paddingVertical: 10 }}
+      >
+        <Text style={{ color: "#fff", fontWeight: "700" }}>Sign In</Text>
+      </Pressable>
       <Link href="/(auth)/register">Go To Register</Link>
     </View>
   )

mobile/app/(auth)/register.tsx

@@ -14,7 +14,7 @@ export default function RegisterScreen() {
       }}
     >
       <Text style={{ fontSize: 28, fontWeight: "700" }}>Create Account</Text>
-      <Text>Phase 1 registration UI scaffold.</Text>
+      <Text>Create your account and start matching meals instantly.</Text>
       <Link href="/(auth)/login">Back To Login</Link>
     </View>
   )

mobile/app/(tabs)/_layout.tsx

@@ -1,9 +1,15 @@
-import { Tabs } from "expo-router"
+import { Redirect, Tabs } from "expo-router"
 import { useCartStore } from "../../src/store/useCartStore"
+import { useAuthStore } from "../../src/store/useAuthStore"
 
 export default function TabsLayout() {
+  const token = useAuthStore((state) => state.token)
   const itemCount = useCartStore((state) => state.items.length)
 
+  if (!token) {
+    return <Redirect href="/(auth)/login" />
+  }
+
   return (
     <Tabs>
       <Tabs.Screen name="discover" options={{ title: "Discover" }} />

mobile/app/(tabs)/profile.tsx

@@ -1,9 +1,25 @@
-import { Text, View } from "react-native"
+import { useRouter } from "expo-router"
+import { Pressable, Text, View } from "react-native"
+import { useAuthStore } from "../../src/store/useAuthStore"
 
 export default function ProfileScreen() {
+  const router = useRouter()
+  const logout = useAuthStore((state) => state.logout)
+
+  const onLogout = () => {
+    logout()
+    router.replace("/(auth)/login")
+  }
+
   return (
-    <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
+    <View style={{ flex: 1, alignItems: "center", justifyContent: "center", gap: 12 }}>
       <Text>User Profile & Wallet.</Text>
+      <Pressable
+        onPress={onLogout}
+        style={{ backgroundColor: "#E53935", borderRadius: 10, paddingHorizontal: 14, paddingVertical: 10 }}
+      >
+        <Text style={{ color: "#fff", fontWeight: "700" }}>Logout</Text>
+      </Pressable>
     </View>
   )
 }

mobile/app/index.tsx

@@ -1,5 +1,8 @@
 import { Redirect } from "expo-router"
+import { useAuthStore } from "../src/store/useAuthStore"
 
 export default function IndexScreen() {
-  return <Redirect href="/(auth)/login" />
+  const token = useAuthStore((state) => state.token)
+
+  return <Redirect href={token ? "/(tabs)/discover" : "/(auth)/login"} />
 }