Iter 1

.gitignore

@@ -17,4 +17,6 @@ web-build/
 # The following patterns were generated by expo-cli
 
 expo-env.d.ts
-# @end expo-cli
+# @end expo-cli
+
+.vscode

app/_layout.tsx

@@ -3,7 +3,7 @@ import { Stack } from "expo-router";
 export default function RootLayout() {
   return (
     <Stack>
-      <Stack.Screen name="index" />
+      <Stack.Screen name="index" options={{ title: "Countries of Earth" }} />
     </Stack>
   );
 }

app/index.tsx

@@ -1,15 +1,18 @@
-import { Text, View } from "react-native";
+import React from "react";
+import { SafeAreaView } from "react-native";
+import CountrySearch from "@/screens/CountrySearch";
+import CountrySearchOneShotUI from "@/screens/CountrySearchOneShotUI";
+import CountrySearchOneShotData from "@/screens/CountrySearchOneShotData"; // task
 
 export default function Index() {
   return (
-    <View
+    <SafeAreaView
       style={{
         flex: 1,
-        justifyContent: "center",
-        alignItems: "center",
+        backgroundColor: "white",
       }}
     >
-      <Text>Edit app/index.tsx to edit this screen.</Text>
-    </View>
+      <CountrySearchOneShotData />
+    </SafeAreaView>
   );
 }