Created basic app navigation layout and added Login screen

.eslintrc.js

@@ -0,0 +1,4 @@
+// https://docs.expo.dev/guides/using-eslint/
+module.exports = {
+  extends: 'expo',
+};

.github/ISSUE_TEMPLATE/1-bug-report.md

@@ -0,0 +1,40 @@
+---
+name: "🐞 Bug Report"
+about: "Report a bug that you may have discovered."
+title: "[Insert Bug Name]"
+labels: "bug"
+
+---
+
+### 📍 **What is the expected behavior?**
+___  
+> *Insert response here...*
+
+
+### 🐞 **What is the actual behavior?**
+___  
+> *Insert response here...*  
+
+### ⚙️ **Steps to reproduce:**
+___ 
+<!-- Clearly layout the actions to test, pointing out where the behavior deviates from expected. -->
+1. Insert Step One...
+2. Insert Step Two...
+
+### 📹 **Media Evidence:**
+___  
+> *If applicable, add an image or a video to depict the bug.*  
+
+### 🪴 **Your environment:**
+___  
+<!-- 
+    If applicabale to mobile, describe the following at least:
+        1. Android vs. iOS, 
+        2. Operating system version number 
+        2. Phone Model
+    If applicable to your development environment, describe the following at least:
+        1. Node version
+        2. Expo version
+        3. Mac or PC
+-->
+> *Insert response here...*  

.github/ISSUE_TEMPLATE/2-feature-request.md

@@ -0,0 +1,21 @@
+---
+name: "🚀 Feature Request"
+about: "Suggest an idea or possible new feature for this project."
+title: "[New Feature]"
+labels: "new-feature"
+
+---
+
+### 🚀 **Describe the proposed feature:**
+___  
+> *Insert response here...*
+
+
+### ✨ **Why is this new feature beneficial?**
+___  
+> *Insert response here...*  
+
+### 💡 **Inspiration or references:**
+___ 
+<!-- Please provide links to similar features to help us get a better understanding, or clearly describe how you thought of this. -->
+- [Example Link](https://www.maet.io/)

.github/ISSUE_TEMPLATE/3-enhancement.md

@@ -0,0 +1,21 @@
+---
+name: "🌟 Enhancement Request"
+about: "Suggest an enhancement for this project. Improve an existing feature."
+title: "[Enhancement Name]"
+labels: "enhancement"
+
+---
+
+### 🌟 **Describe this enhancement:**
+___  
+> *Insert response here...*
+
+
+### ❓ **Why is this enhancement needed or beneficial?**
+___  
+> *Insert response here...*  
+
+### 🔗 **Useful Resources:**
+___ 
+<!-- Please provide links or descriptions that may help us understand how to build this enhancement, or your reasoning behind it. -->
+- [Example Link](https://www.maet.io/)

.gitignore

@@ -9,6 +9,10 @@ npm-debug.*
 *.mobileprovision
 *.orig.*
 web-build/
+.env
+.env*
+.env.prod
+.env.dev
 
 # macOS
 .DS_Store

app/(auth)/_layout.tsx

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

app/(auth)/login.tsx

@@ -0,0 +1,33 @@
+import { Link, useNavigation } from "expo-router";
+import React, { useEffect } from "react";
+import { View, Text } from "react-native";
+import { LoginComponent } from "~/components/login";
+import { Button } from "~/components/ui/button";
+
+export default function Login() {
+  console.log("login fired");
+
+  // const navigation = useNavigation();
+
+  // useEffect(() => {
+  //   navigation.setOptions({ headerShown: false });
+  // }, [navigation]);
+
+  return (
+    <View className="w-100">
+      <LoginComponent />
+      {/* <Button variant="destructive">
+        <Text>Default button from library</Text>
+      </Button> */}
+      <View className="w-full flex justify-center items-center">
+        <Text className="text-red-500 text-center my-4">Don't have an account?</Text>
+
+      <Link href="/signup">Signup</Link>
+      </View>
+    </View>
+  );
+}
+
+export const options = {
+  headerShown: false, // Hide the header
+};

app/(tabs)/_layout.tsx

@@ -1,12 +1,19 @@
-import { Tabs } from 'expo-router';
-import React from 'react';
+import { Tabs, useNavigation, useRouter } from 'expo-router';
+import React, { useEffect } from 'react';
+import { Pressable } from 'react-native';
 
-import { TabBarIcon } from '@/components/navigation/TabBarIcon';
-import { Colors } from '@/constants/Colors';
-import { useColorScheme } from '@/hooks/useColorScheme';
+import { TabBarIcon } from '~/components/navigation/TabBarIcon';
+import { Colors } from '~/constants/Colors';
+import { useColorScheme } from '~/hooks/useColorScheme';
+import { useAppSelector } from '~/redux/useful-hooks';
 
 export default function TabLayout() {
   const colorScheme = useColorScheme();
+  // const navigation = useNavigation();
+  const router = useRouter();
+
+    // redux handlers
+  const user = useAppSelector((state) => state.user.loggedIn);
 
   return (
     <Tabs
@@ -17,18 +24,42 @@ export default function TabLayout() {
       <Tabs.Screen
         name="index"
         options={{
-          title: 'Home',
+          title: 'Explore',
           tabBarIcon: ({ color, focused }) => (
-            <TabBarIcon name={focused ? 'home' : 'home-outline'} color={color} />
+            <TabBarIcon name={focused ? 'search' : 'search-outline'} color={color} />
           ),
         }}
       />
       <Tabs.Screen
-        name="explore"
+        name="map"
         options={{
-          title: 'Explore',
+          title: 'Map',
+          tabBarIcon: ({ color, focused }) => (
+            <TabBarIcon name={focused ? 'earth' : 'earth-outline'} color={color} />
+          ),
+        }}
+      />
+
+       <Tabs.Screen
+        name="profile"
+        options={{
+          title: 'Profile',
           tabBarIcon: ({ color, focused }) => (
-            <TabBarIcon name={focused ? 'code-slash' : 'code-slash-outline'} color={color} />
+            <TabBarIcon name={focused ? 'person' : 'person-outline'} color={color} />
+          ),
+          tabBarButton: (props) => (
+            <Pressable
+              {...props}
+              onPress={() => {
+                if (user) {
+                  router.push('/profile');
+                } else {
+                  router.push('/login');
+                }
+              }}
+            >
+              {props.children}
+            </Pressable>
           ),
         }}
       />