diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx
new file mode 100644
index 0000000..9675ffc
--- /dev/null
+++ b/app/(tabs)/_layout.tsx
@@ -0,0 +1,22 @@
+import { Tabs } from 'expo-router';
+import { useColorScheme } from 'react-native';
+import { TabBarIcon } from '../../components/navigation/TabBarIcon';
+
+export default function TabLayout() {
+  const colorScheme = useColorScheme();
+
+  return (
+    <Tabs
+      screenOptions={{
+        tabBarActiveTintColor: '#007AFF',
+      }}>
+      <Tabs.Screen
+        name="index"
+        options={{
+          title: 'Home',
+          tabBarIcon: ({ color }) => <TabBarIcon name="home" color={color} />,
+        }}
+      />
+    </Tabs>
+  );
+} 
\ No newline at end of file
diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx
index a57d9ee..ab2bdd4 100644
--- a/app/(tabs)/index.tsx
+++ b/app/(tabs)/index.tsx
@@ -1,7 +1,9 @@
 import 'react-native-get-random-values';
 import React, { useState } from 'react';
 import { View, Text, TouchableOpacity, ActivityIndicator, Image } from 'react-native';
-import Parse from 'parse/react-native';
+//import Parse from 'parse/react-native';
+import Parse from 'parse/react-native.js';
+
 import AsyncStorage from '@react-native-async-storage/async-storage';
 
 // Initialize Parse only once
diff --git a/app/_layout.tsx b/app/_layout.tsx
new file mode 100644
index 0000000..539c6e7
--- /dev/null
+++ b/app/_layout.tsx
@@ -0,0 +1,13 @@
+import { Stack } from 'expo-router';
+import { useEffect } from 'react';
+import { useColorScheme } from 'react-native';
+
+export default function RootLayout() {
+  const colorScheme = useColorScheme();
+
+  return (
+    <Stack>
+      <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
+    </Stack>
+  );
+} 
\ No newline at end of file
diff --git a/app/index.tsx b/app/index.tsx
new file mode 100644
index 0000000..3f36bf8
--- /dev/null
+++ b/app/index.tsx
@@ -0,0 +1,5 @@
+import { Redirect } from 'expo-router';
+
+export default function Index() {
+  return <Redirect href="/(tabs)" />;
+} 
\ No newline at end of file
diff --git a/metro.config.js b/metro.config.js
new file mode 100644
index 0000000..0e1256a
--- /dev/null
+++ b/metro.config.js
@@ -0,0 +1,18 @@
+// metro.config.js
+const { getDefaultConfig } = require('expo/metro-config');
+const exclusionList = require('metro-config/src/defaults/exclusionList');
+
+const config = getDefaultConfig(__dirname);
+
+// ❌ Completely block Metro from loading 'ws' package
+config.resolver.blockList = exclusionList([
+  /node_modules\/ws\/.*/
+]);
+
+// If you still need to shim 'ws' for RN code that tries to import it
+config.resolver.extraNodeModules = {
+  ...config.resolver.extraNodeModules,
+  ws: require.resolve('./wsEmptyShim.js'),
+};
+
+module.exports = config;
diff --git a/wsEmptyShim.js b/wsEmptyShim.js
new file mode 100644
index 0000000..3f581c3
--- /dev/null
+++ b/wsEmptyShim.js
@@ -0,0 +1,2 @@
+// wsEmptyShim.js
+module.exports = {};