first

.gitignore

@@ -33,3 +33,9 @@ yarn-error.*
 
 # typescript
 *.tsbuildinfo
+
+# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
+# The following patterns were generated by expo-cli
+
+expo-env.d.ts
+# @end expo-cli

api/index.js

@@ -0,0 +1,26 @@
+import axios from "axios";
+
+const API_KEY = '44542612-f003b071cda57c2bc0b251748';
+const apiUrl = `https://pixabay.com/api/?key=${API_KEY}`
+const formateUrl=(params)=>{
+    let url = apiUrl + '&per_page=25&safesearch=true&editors_choice=true';
+    if(!params) return url;
+    let paramKeys= Object.keys(params);
+    paramKeys.map(key=>{
+        let value = key=='q' ? encodeURIComponent(params[key]): params[key];
+        url += `&${key}=${value}`
+    })
+    // console.log('final url', url);
+    return url;
+}
+
+export const apiCall = async (params)=>{
+    try{
+        const response = await axios.get(formateUrl(params));
+        const {data}= response;
+        return {success:true, data};
+    }catch(err){
+        console.log(err.message);
+        return {success : false, msg:err.message};
+    }
+}

app.json

@@ -13,13 +13,15 @@
       "backgroundColor": "#ffffff"
     },
     "ios": {
-      "supportsTablet": true
+      "supportsTablet": true      
     },
     "android": {
       "adaptiveIcon": {
         "foregroundImage": "./assets/images/adaptive-icon.png",
         "backgroundColor": "#ffffff"
-      }
+      },
+      "bundleIdentifier": "com.ABHIJEET.wallpaper-app"
+
     },
     "web": {
       "bundler": "metro",

app/_layout.js

@@ -0,0 +1,18 @@
+import { Stack } from 'expo-router'
+import React from 'react'
+import {View, Text} from 'react-native';
+
+const Layout = () => {
+  return (
+    <Stack>
+        <Stack.Screen name='index' options={{
+            headerShown:false
+        }}/>
+        <Stack.Screen name='home/index' options={{
+            headerShown:false
+        }}/>
+    </Stack>
+  )
+}
+
+export default Layout