screen->home.js added link for memory activity

frontend/src/screen/home.js

@@ -76,4 +76,62 @@ const styles = StyleSheet.create({
     height: '100%',
     borderRadius: 50,
   },
-});
\ No newline at end of file
+});
+      <ScrollView>
+        <View style={styles.imageContainer}>
+          <View style={styles.imageView}>
+            <Image
+              style={styles.image}
+              source={require('../assets/color/background.png')}
+              resizeMode="contain"></Image>
+            <ImageButton path="Color" title="Color Activity" />
+          </View>
+          <View style={styles.imageView}>
+            <Image
+              style={styles.image}
+              source={require('../assets/color/background.png')}
+              resizeMode="contain"></Image>
+            <ImageButtonn path="Read" title="Read Activity" />
+          </View>
+        </View>
+        <View style={styles.imageContainer}>
+        <View style={styles.imageView}>
+            <Image
+              style={styles.image}
+              source={require('../assets/color/background.png')}
+              resizeMode="contain"></Image>
+            <ImageButton path="GameList" title="Memory Activities" />
+          </View>
+          <View style={styles.imageView}>
+            <Image
+              style={styles.image}
+              source={require('../assets/color/background.png')}
+              resizeMode="contain"></Image>
+            <ImageButton path="Progress" title="Progress Check" />
+          </View>
+        </View>
+      </ScrollView>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+
+    imageContainer:{
+        flexDirection: "row",
+        marginTop: 70,
+    },
+    imageView: {
+        width: 180,
+        height: 300,
+        // borderWidth:1,
+        // borderColor: "#000",
+        marginHorizontal: 15,
+        borderRadius: 50
+    },
+    image: {
+        width: "100%",
+        height: "100%",
+        borderRadius: 50
+    },
+})