appwrite added

app/signin.tsx

@@ -1,18 +1,28 @@
-import {View, Text, SafeAreaView, ScrollView, Image} from "react-native";
+import {View, Text, SafeAreaView, ScrollView, Image, TouchableOpacity} from "react-native";
 import React from "react";
 import images from "@/constants/images";
+import icons from "@/constants/icons";
 
 const SignIn = () => {
+    const handleLogin = () => {}
     return (
     <SafeAreaView className="bg-white h-full">
       <ScrollView contentContainerClassName="h-full">
-          <Text className={"text-center text-gray-600 font-bold mt-10"}>Welcome to Mobile.mk</Text>
-          <Image source={images.collage} className="w-full h-4/6" resizeMode="contain"/>
+          <Image source={images.collage} className="w-full h-1/2" resizeMode="contain"/>
           <View className={"px-10"}>
-                <Text className={"text-3xl text-center text-gray-400"}>
+              <Text className={"text-center text-gray-400 font-bold mb-32"}>Добредојдобте во Mobile.mk</Text>
+              <Text className={"text-2xl text-center text-gray-500"}>
                     Поблиску до вашиот {"\n"}
-                    <Text>идеален автомобил</Text>
                 </Text>
+              <Text className={"text-xl text-blue-400 text-center mt-3 mb-10 capitalize"}>идеален автомобил</Text>
+              <TouchableOpacity onPress={handleLogin} className={"bg-white shadow-md shadow-zinc-400 rounded-full py-4 items-center"}>
+                  <View className={"flex flex-row items-center"}>
+                  <Image source={icons.google} className={"w-5 h-5"}
+                  resizeMode="contain"
+                  />
+                      <Text className={"text-gray-800 ml-4"}>Продолжи со Google</Text>
+                  </View>
+              </TouchableOpacity>
           </View>
       </ScrollView>
     </SafeAreaView>

package.json

@@ -34,10 +34,12 @@
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "react-native": "0.76.5",
+    "react-native-appwrite": "^0.6.0",
     "react-native-gesture-handler": "~2.20.2",
     "react-native-reanimated": "~3.16.1",
     "react-native-safe-area-context": "4.12.0",
     "react-native-screens": "~4.4.0",
+    "react-native-url-polyfill": "^2.0.0",
     "react-native-web": "~0.19.13",
     "react-native-webview": "13.12.5",
     "tailwindcss": "^3.4.17"