done color part

frontend/index.js

@@ -3,4 +3,5 @@ import App from './App';
 import {name as appName} from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);
+
  
\ No newline at end of file

frontend/src/component/colorActivity.js

@@ -2,6 +2,7 @@ import { useNavigation } from "@react-navigation/native";
 import React from "react";
 import {Text, TouchableOpacity, StyleSheet, View, Image} from 'react-native'
 
+
 export default function ColorActivity(props){
 
     const {title, image, id, color, des} = props;

frontend/src/screen/Color.js

@@ -56,8 +56,8 @@ export default function Color(){
                     </View>
                 </View>
 
-                {datas.map((data) =>{
-                    return(<ColorActivity title={data.name} image={data.image} id={data.idcolorActivities} des={data.des} color={data.color}/>)
+                {datas.map((data, index) =>{
+                    return(<ColorActivity key={index} title={data.name} image={data.image} id={data.idcolorActivities} des={data.des} color={data.color}/>)
                 })}
 
             </ScrollView>