diff --git a/components/Recipe1.js b/components/Recipe1.js
index 0bdcbdf..e533f74 100644
--- a/components/Recipe1.js
+++ b/components/Recipe1.js
@@ -1,17 +1,50 @@
 import React, { Component } from 'react';
-import { Button, View, Text } from 'react-native';
+import { Button, View, Text, Image, ScrollView } from 'react-native';
 import {createAppContainer } from "react-navigation";
 import {NavigationContainer} from '@react-navigation/native';
 import {createStackNavigator} from 'react-navigation-stack';
 import {createBottomTabNavigator} from 'react-navigation-tabs';
 
 
+
 export default class Recipe1 extends Component {
+  state = {
+    check: false,
+  }
+  
+  handleChange = () => {
+    console.log("check!")
+  }
   render() {
     return (
-      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
-        <Text>Recipe Screen</Text>
+      <View style={{ flex: 1, justifyContent: 'top', padding:10 }}>
+        <Image style={{width: 395, height: 280}}
+         source={require('../images/recipe1.png')} />
+        <Text style={{fontWeight: "bold", textAlign: 'center',fontSize: 18}}>{"\n"}Recipe Name {"\n"}</Text>
+
+        <ScrollView>
+          <Text style={{fontSize: 14}}>Preparation Time: 20 - 30 Minutes {"\n"}
+            Dificulty: Beginner {"\n"}
+            Servings: 2 Portions {"\n"}
+            </Text>
+
+          <Text style={{fontWeight: "bold", fontSize: 18}}>Ingredients {"\n"}</Text>
+
+          <Text style={{fontSize: 14}}>1 large white onion{"\n"}
+            2 large handfuls of kale{"\n"}
+            2 tbsp olive oil{"\n"}
+            400g floury potatoes, cubed but not peeled{"\n"}
+            2 tsp mild curry powder{"\n"}
+            1 tsp ground cumin{"\n"}
+            ½ tsp turmeric{"\n"}
+            Sea salt and black pepper to taste{"\n"}
+            </Text>
+
+
+        <Text>Do you like React Native?</Text>
+          
+      </ScrollView>
       </View>
     )
   }
-}
\ No newline at end of file
+}
diff --git a/images/recipe1.png b/images/recipe1.png
new file mode 100644
index 0000000..75e6159
Binary files /dev/null and b/images/recipe1.png differ
diff --git a/images/recipe2.jpeg b/images/recipe2.jpeg
new file mode 100644
index 0000000..7266c44
Binary files /dev/null and b/images/recipe2.jpeg differ
diff --git a/package-lock.json b/package-lock.json
index 8776969..53e4dac 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2398,6 +2398,15 @@
       "resolved": "https://registry.npmjs.org/@react-native-community/masked-view/-/masked-view-0.1.10.tgz",
       "integrity": "sha512-rk4sWFsmtOw8oyx8SD3KSvawwaK7gRBSEIy2TAwURyGt+3TizssXP1r8nx3zY+R7v2vYYHXZ+k2/GULAT/bcaQ=="
     },
+    "@react-navigation/bottom-tabs": {
+      "version": "5.11.8",
+      "resolved": "https://registry.npmjs.org/@react-navigation/bottom-tabs/-/bottom-tabs-5.11.8.tgz",
+      "integrity": "sha512-/0AiP+QPGKe35NdGxSjq0XpZjYvURy8H2E4rZMRHJ+fUoq+cX0ze/XQeQ8IHMpoc568ZwOGRgdUToUGZEDMpvA==",
+      "requires": {
+        "color": "^3.1.3",
+        "react-native-iphone-x-helper": "^1.3.0"
+      }
+    },
     "@react-navigation/core": {
       "version": "5.15.2",
       "resolved": "https://registry.npmjs.org/@react-navigation/core/-/core-5.15.2.tgz",
@@ -2539,6 +2548,11 @@
         "negotiator": "0.6.2"
       }
     },
+    "all": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/all/-/all-0.0.0.tgz",
+      "integrity": "sha1-+yqnXUdZ1A457LsRj6vwzBH/VU8="
+    },
     "anser": {
       "version": "1.4.10",
       "resolved": "https://registry.npmjs.org/anser/-/anser-1.4.10.tgz",
@@ -3395,14 +3409,6 @@
         "object-assign": "^4.1.1"
       }
     },
-    "cross-fetch": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.0.tgz",
-      "integrity": "sha512-a+yso9lSpXQI9DH+YjAu/m0dVfP8IVoZDPBLLFcvGpeq3KHNdikkekTOdkHiXEuTq4GBOeO0MfWkE40yzF1w7g==",
-      "requires": {
-        "node-fetch": "2.6.1"
-      }
-    },
     "cross-spawn": {
       "version": "6.0.5",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz",
@@ -6115,11 +6121,6 @@
         "minimist": "^1.2.5"
       }
     },
-    "mockdate": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/mockdate/-/mockdate-3.0.3.tgz",
-      "integrity": "sha512-4h01Zjz0Cm57mQsEzaoZtjGzqZk15YS4yujc5k4xGGNQYaxlaJSaNZ20FkFhFWjv6YB7ZyU8+UioB8l6Fw892Q=="
-    },
     "ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -6817,6 +6818,11 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
       "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
     },
+    "react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
     "react-native": {
       "version": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
       "integrity": "sha512-wYOQJnPj9CHg1db2/xXebxfzJpdwxeQpsqi9HLz5Y6Zv8xY/J7p6O4eeDyenw1FARWbeAPWwzl2y+OYE4CUrPA==",
@@ -7107,31 +7113,14 @@
       }
     },
     "react-native-gesture-handler": {
-      "version": "1.10.3",
-      "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-1.10.3.tgz",
-      "integrity": "sha512-cBGMi1IEsIVMgoox4RvMx7V2r6bNKw0uR1Mu1o7NbuHS6BRSVLq0dP34l2ecnPlC+jpWd3le6Yg1nrdCjby2Mw==",
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-1.8.0.tgz",
+      "integrity": "sha512-E2FZa0qZ5Bi0Z8Jg4n9DaFomHvedSjwbO2DPmUUHYRy1lH2yxXUpSrqJd6yymu+Efzmjg2+JZzsjFYA2Iq8VEQ==",
       "requires": {
         "@egjs/hammerjs": "^2.0.17",
-        "fbjs": "^3.0.0",
         "hoist-non-react-statics": "^3.3.0",
         "invariant": "^2.2.4",
         "prop-types": "^15.7.2"
-      },
-      "dependencies": {
-        "fbjs": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-3.0.0.tgz",
-          "integrity": "sha512-dJd4PiDOFuhe7vk4F80Mba83Vr2QuK86FoxtgPmzBqEJahncp+13YCmfoa53KHCo6OnlXLG7eeMWPfB5CrpVKg==",
-          "requires": {
-            "cross-fetch": "^3.0.4",
-            "fbjs-css-vars": "^1.0.0",
-            "loose-envify": "^1.0.0",
-            "object-assign": "^4.1.0",
-            "promise": "^7.1.1",
-            "setimmediate": "^1.0.5",
-            "ua-parser-js": "^0.7.18"
-          }
-        }
       }
     },
     "react-native-iphone-x-helper": {
@@ -7140,37 +7129,13 @@
       "integrity": "sha512-HOf0jzRnq2/aFUcdCJ9w9JGzN3gdEg0zFE4FyYlp4jtidqU03D5X7ZegGKfT1EWteR0gPBGp9ye5T5FvSWi9Yg=="
     },
     "react-native-reanimated": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-2.0.0.tgz",
-      "integrity": "sha512-kIrdBoXSky7DQ62SOgosgimKM+Lt+SzAaM+ovVpCLBcwUK2aYRfLxa9ffgvKjeH9/n7dONlwEMjbKssGkuyq2Q==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-1.13.2.tgz",
+      "integrity": "sha512-O+WhgxSjOIzcVdAAvx+h2DY331Ek1knKlaq+jsNLpC1fhRy9XTdOObovgob/aF2ve9uJfPEawCx8381g/tUJZQ==",
       "requires": {
-        "@babel/plugin-transform-object-assign": "^7.10.4",
-        "fbjs": "^3.0.0",
-        "mockdate": "^3.0.2",
-        "string-hash-64": "^1.0.3"
-      },
-      "dependencies": {
-        "fbjs": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-3.0.0.tgz",
-          "integrity": "sha512-dJd4PiDOFuhe7vk4F80Mba83Vr2QuK86FoxtgPmzBqEJahncp+13YCmfoa53KHCo6OnlXLG7eeMWPfB5CrpVKg==",
-          "requires": {
-            "cross-fetch": "^3.0.4",
-            "fbjs-css-vars": "^1.0.0",
-            "loose-envify": "^1.0.0",
-            "object-assign": "^4.1.0",
-            "promise": "^7.1.1",
-            "setimmediate": "^1.0.5",
-            "ua-parser-js": "^0.7.18"
-          }
-        }
+        "fbjs": "^1.0.0"
       }
     },
-    "react-native-safe-area-context": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-3.2.0.tgz",
-      "integrity": "sha512-k2Nty4PwSnrg9HwrYeeE+EYqViYJoOFwEy9LxL5RIRfoqxAq/uQXNGwpUg2/u4gnKpBbEPa9eRh15KKMe/VHkA=="
-    },
     "react-native-safe-area-view": {
       "version": "0.14.9",
       "resolved": "https://registry.npmjs.org/react-native-safe-area-view/-/react-native-safe-area-view-0.14.9.tgz",
@@ -7186,10 +7151,20 @@
         }
       }
     },
+    "react-native-screen": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/react-native-screen/-/react-native-screen-1.0.1.tgz",
+      "integrity": "sha512-wdgUV2B/1XIBG1zhyLWtCkDwc2CpfF/TiZdkRnRtSlgibc6Rzjnc96cjYjRLKq8xS229m9+VXP2rbciZLDaBaQ=="
+    },
     "react-native-screens": {
-      "version": "2.18.1",
-      "resolved": "https://registry.npmjs.org/react-native-screens/-/react-native-screens-2.18.1.tgz",
-      "integrity": "sha512-r5WZLpmx2hHjC1RgMdPq5YpSU9tEhBpUaZ5M1SUtNIONyiLqQVxabhRCINdebIk4depJiIl7yw2Q85zJyeX6fw=="
+      "version": "2.15.2",
+      "resolved": "https://registry.npmjs.org/react-native-screens/-/react-native-screens-2.15.2.tgz",
+      "integrity": "sha512-CagNf2APXkVoRlF3Mugr264FbKbrBg9eXUkqhIPVeZB8EsdS8XPrnt99yj/pzmT+yJMBY0dGrjXT8+68WYh6YQ=="
+    },
+    "react-native-tab-view": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/react-native-tab-view/-/react-native-tab-view-2.16.0.tgz",
+      "integrity": "sha512-ac2DmT7+l13wzIFqtbfXn4wwfgtPoKzWjjZyrK1t+T8sdemuUvD4zIt+UImg03fu3s3VD8Wh/fBrIdcqQyZJWg=="
     },
     "react-native-web": {
       "version": "0.13.18",
@@ -7238,6 +7213,26 @@
         }
       }
     },
+    "react-navigation-stack": {
+      "version": "2.10.4",
+      "resolved": "https://registry.npmjs.org/react-navigation-stack/-/react-navigation-stack-2.10.4.tgz",
+      "integrity": "sha512-3LE1PFsFV9v4PUlZRATMotqs6H7MOOpIKtjyP+l8D1cyzYmsMQh3EFikeDfzGQUXIvy8VyLAMtcEssicQPYvFA==",
+      "requires": {
+        "color": "^3.1.3",
+        "react-native-iphone-x-helper": "^1.3.0"
+      }
+    },
+    "react-navigation-tabs": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/react-navigation-tabs/-/react-navigation-tabs-2.11.0.tgz",
+      "integrity": "sha512-mrnHfTVKVvoy5AWJY3vLt6cQLZQlVLgGUykTZerFBdTmxC/rFdsv+y2ec+rmSNy7u5nX+hlQBFvm/MIJ7w01wQ==",
+      "requires": {
+        "hoist-non-react-statics": "^3.3.2",
+        "react-lifecycles-compat": "^3.0.4",
+        "react-native-iphone-x-helper": "^1.3.0",
+        "react-native-tab-view": "^2.15.2"
+      }
+    },
     "react-refresh": {
       "version": "0.4.3",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.4.3.tgz",
@@ -7921,11 +7916,6 @@
       "resolved": "https://registry.npmjs.org/strict-uri-encode/-/strict-uri-encode-2.0.0.tgz",
       "integrity": "sha1-ucczDHBChi9rFC3CdLvMWGbONUY="
     },
-    "string-hash-64": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/string-hash-64/-/string-hash-64-1.0.3.tgz",
-      "integrity": "sha512-D5OKWKvDhyVWWn2x5Y9b+37NUllks34q1dCDhk/vYcso9fmhs+Tl3KR/gE4v5UNj2UA35cnX4KdVVGkG1deKqw=="
-    },
     "string-width": {
       "version": "4.2.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.2.tgz",
diff --git a/package.json b/package.json
index f948ff1..12df2f0 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "@react-navigation/bottom-tabs": "^5.11.8",
     "@react-navigation/native": "^5.9.3",
     "@react-navigation/stack": "^5.14.3",
+    "all": "^0.0.0",
     "expo": "~40.0.0",
     "expo-status-bar": "~1.0.3",
     "react": "16.13.1",
diff --git a/yarn.lock b/yarn.lock
index 4fb749b..55909d5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1913,6 +1913,11 @@ accepts@~1.3.5, accepts@~1.3.7:
     mime-types "~2.1.24"
     negotiator "0.6.2"
 
+all@^0.0.0:
+  version "0.0.0"
+  resolved "https://registry.yarnpkg.com/all/-/all-0.0.0.tgz#fb2aa75d4759d40e39ecbb118fabf0cc11ff554f"
+  integrity sha1-+yqnXUdZ1A457LsRj6vwzBH/VU8=
+
 anser@^1.4.9:
   version "1.4.10"
   resolved "https://registry.yarnpkg.com/anser/-/anser-1.4.10.tgz#befa3eddf282684bd03b63dcda3927aef8c2e35b"