fixed app

.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  extends: ['expo', 'prettier'],
+  plugins: ['prettier'],
+  rules: {
+    'prettier/prettier': 'error',
+  },
+};

.gitignore

@@ -12,3 +12,9 @@ web-build/
 
 # macOS
 .DS_Store
+
+# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
+# The following patterns were generated by expo-cli
+
+expo-env.d.ts
+# @end expo-cli

app.json

@@ -1,7 +1,7 @@
 {
   "expo": {
-    "name": "Uber_Clone",
-    "slug": "Uber_Clone",
+    "name": "uber",
+    "slug": "uber",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
@@ -10,7 +10,7 @@
     "splash": {
       "image": "./assets/images/splash.png",
       "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
+      "backgroundColor": "#2F80ED"
     },
     "ios": {
       "supportsTablet": true
@@ -23,14 +23,19 @@
     },
     "web": {
       "bundler": "metro",
-      "output": "static",
+      "output": "server",
       "favicon": "./assets/images/favicon.png"
     },
     "plugins": [
-      "expo-router"
+      [
+        "expo-router",
+        {
+          "origin": "https://uber.dev/"
+        }
+      ]
     ],
     "experiments": {
       "typedRoutes": true
     }
   }
-}
+}

app/(auth)/_layout.tsx

@@ -0,0 +1,16 @@
+import { Stack } from 'expo-router';
+import 'react-native-reanimated';
+
+
+const Layout=()=> {
+
+    return (
+        <Stack>
+            <Stack.Screen name="welcome" options={{ headerShown: false }} />
+            <Stack.Screen name="sign-up" options={{ headerShown: false }} />
+            <Stack.Screen name="sign-in" options={{ headerShown: false }} />
+        </Stack>
+    );
+}
+
+export default Layout;

app/(auth)/sign-in.tsx

@@ -0,0 +1,14 @@
+import { View, Text } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const SignIn = () => {
+    return(
+        <SafeAreaView>
+            <Text>
+                SignIn
+            </Text>
+        </SafeAreaView>
+    )
+}
+
+export default SignIn;

app/(auth)/sign-up.tsx

@@ -0,0 +1,14 @@
+import { View, Text } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const SignUp = () => {
+    return(
+        <SafeAreaView>
+            <Text>
+                SignUp
+            </Text>
+        </SafeAreaView>
+    )
+}
+
+export default SignUp;

app/(auth)/welcome.tsx

@@ -0,0 +1,39 @@
+import { onboarding } from "@/constants"
+import { router } from "expo-router"
+import { useRef, useState } from "react"
+import { View, Text, TouchableOpacity } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
+import Swiper from "react-native-swiper"
+import { Image } from "react-native"
+
+const Onboarding = () => {
+    const swiperRef = useRef<Swiper>(null)
+    const [activeIndex, setActiveIndex] = useState(0)
+    return (
+        <SafeAreaView className="flex h-full items-center justify-between">
+            <TouchableOpacity onPress={() => { router.replace("/(auth)/sign-up") }}
+                className="w-full flex justify-end items-end p-5">
+                <Text className="text-black text-md font-JakartaBold">Skip</Text>
+            </TouchableOpacity>
+            <Swiper ref={swiperRef}
+                loop={false}
+                dot={<View className="w-[32px] h-[4px] mx-1 bg-[#E2E8F0] rounded-full" />}
+                activeDot={<View className="w-[32px] h-[4px] mx-1 bg-[#0286FF] rounded-full" />}
+                onIndexChanged={(index) => setActiveIndex(index)}
+            >
+ {onboarding.map((item)=>(
+                <View key={item.id} className="flex items-center justify-center p-5">
+                    <Image
+                    source={item.image}
+                    className="w-full h-[300px]"
+                    resizeMode="contain"
+                    />
+                    <Text>{item.title}</Text></View>
+             ))}
+
+            </Swiper>
+        </SafeAreaView>
+    )
+}
+
+export default Onboarding;

app/(root)/(tabs)/chat.tsx

@@ -0,0 +1,14 @@
+import { View, Text } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const Chat = () => {
+    return(
+        <SafeAreaView>
+            <Text>
+                Chat
+            </Text>
+        </SafeAreaView>
+    )
+}
+
+export default Chat;

app/(root)/(tabs)/home.tsx

@@ -0,0 +1,14 @@
+import { View, Text } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const Home = () => {
+    return(
+        <SafeAreaView>
+            <Text>
+                Home
+            </Text>
+        </SafeAreaView>
+    )
+}
+
+export default Home;

app/(root)/(tabs)/profile.tsx

@@ -0,0 +1,14 @@
+import { View, Text } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const Profile = () => {
+    return(
+        <SafeAreaView>
+            <Text>
+                Profile
+            </Text>
+        </SafeAreaView>
+    )
+}
+
+export default Profile;

app/(root)/(tabs)/rides.tsx

@@ -0,0 +1,14 @@
+import { View, Text } from "react-native"
+import { SafeAreaView } from "react-native-safe-area-context"
+
+const Rides = () => {
+    return(
+        <SafeAreaView>
+            <Text>
+                Rides
+            </Text>
+        </SafeAreaView>
+    )
+}
+
+export default Rides;