basic camera functionality as well as framework for express nodejs backend

app/(tabs)/_layout.tsx

@@ -1,45 +1,31 @@
+import Ionicons from '@expo/vector-icons/Ionicons';
 import { Tabs } from 'expo-router';
 import React from 'react';
-import { Platform } from 'react-native';
-
-import { HapticTab } from '@/components/HapticTab';
-import { IconSymbol } from '@/components/ui/IconSymbol';
-import TabBarBackground from '@/components/ui/TabBarBackground';
-import { Colors } from '@/constants/Colors';
-import { useColorScheme } from '@/hooks/useColorScheme';
 
 export default function TabLayout() {
-  const colorScheme = useColorScheme();
-
-  return (
-    <Tabs
-      screenOptions={{
-        tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
-        headerShown: false,
-        tabBarButton: HapticTab,
-        tabBarBackground: TabBarBackground,
-        tabBarStyle: Platform.select({
-          ios: {
-            // Use a transparent background on iOS to show the blur effect
-            position: 'absolute',
-          },
-          default: {},
-        }),
-      }}>
-      <Tabs.Screen
-        name="index"
-        options={{
-          title: 'Home',
-          tabBarIcon: ({ color }) => <IconSymbol size={28} name="house.fill" color={color} />,
-        }}
-      />
-      <Tabs.Screen
-        name="explore"
-        options={{
-          title: 'Explore',
-          tabBarIcon: ({ color }) => <IconSymbol size={28} name="paperplane.fill" color={color} />,
-        }}
-      />
-    </Tabs>
-  );
+    return (
+        <Tabs
+            screenOptions={{
+                tabBarActiveTintColor: '#ffd33d',
+                headerStyle: {
+                    backgroundColor: '#25292e',
+                },
+                headerShadowVisible: false,
+                headerTintColor: '#fff',
+                tabBarStyle: {
+                    backgroundColor: '#25292e',
+                },
+            }}>
+            <Tabs.Screen name="index" options={{
+                title: 'Home', headerShown: false, tabBarIcon: ({ color, focused }) => (
+                    <Ionicons name={focused ? 'home-sharp' : 'home-outline'} color={color} size={24} />
+                )
+            }} />
+            <Tabs.Screen name="login" options={{
+                title: 'Login', headerShown: false, tabBarIcon: ({ color, focused }) => (
+                    <Ionicons name={focused ? 'person-circle-sharp' : 'person-circle-outline'} size={24} color={color} />
+                )
+            }} />
+        </Tabs>
+    );
 }