first tests

app/_layout.jsx

@@ -0,0 +1,39 @@
+import { View, Text } from 'react-native'
+import Icon from 'react-native-vector-icons/FontAwesome'
+import React from 'react'
+import { Tabs } from 'expo-router'
+
+export default function _layout() {
+  return (
+    <Tabs
+    initialRouteName='index' screenOptions={{
+      tabBarShowLabel: false
+    }}>
+    
+        <Tabs.Screen name="expenses" options={{
+          tabBarIcon: ({focused}) =>{
+          return (
+            <Icon name="money" size={50} color={focused ? 'orange' : 'grey'}></Icon>
+          )
+          },
+      
+        }}/>
+        <Tabs.Screen name="index" options={{
+          tabBarIcon: ({focused}) =>{
+          return (
+            <Icon name="home" size={50} color={focused ? 'orange' : 'grey'}></Icon>
+          )
+          }
+      
+        }}/>
+        <Tabs.Screen name="stats" options={{
+          tabBarIcon: ({focused}) =>{
+          return (
+            <Icon name="pie-chart" size={50} color={focused ? 'orange' : 'grey'}></Icon>
+          )
+          }
+      
+        }}/>
+    </Tabs>
+  )
+}

app/expenses.jsx

@@ -0,0 +1,10 @@
+import { View, Text } from 'react-native'
+import React from 'react'
+
+export default function Expenses() {
+  return (
+    <View>
+      <Text>Expenses</Text>
+    </View>
+  )
+}

app/index.jsx

@@ -0,0 +1,14 @@
+import { View, Text, Button} from 'react-native'
+import * as react from 'react'
+import { Link } from 'expo-router'
+
+
+export default function Page() {
+  return (
+    <View style={{flex: 1, justifyContent:'center', alignItems: 'center'}}>
+      <Text>Hello World</Text>
+    
+   
+    </View>
+  )
+}

app/stats.jsx

@@ -0,0 +1,10 @@
+import { View, Text } from 'react-native'
+import React from 'react'
+
+export default function Stats() {
+    return(
+      <View>
+        <Text>Stats</Text>
+      </View>
+  )
+}