improvements added

Soil Analyzer and Optimized Crop Finder - IT20233808/RP-MobileAPP-FE/components/common/Images.js

+
+import BarleyImage from '../../assets/barley.png';
+import WheatImage from '../../assets/wheat.png';
+import RiceImage from '../../assets/rice.png';
+import MaizeImage from '../../assets/maize.png';
+import PotatoImage from '../../assets/potato.png';
+import TomatoImage from '../../assets/tomato.png';
+import CottonImage from '../../assets/cotton.png';
+import SoybeanImage from '../../assets/soybean.jpg';
+import CoconutImage from '../../assets/coconut.jpeg';
+import PomagranateImage from '../../assets/pomagranate.jpeg';
+import MangoImage from '../../assets/mango.jpeg';
+
+const cropImages = {
+    Soybean: SoybeanImage,
+    Barley: BarleyImage,
+    Wheat: WheatImage,
+    Rice: RiceImage,
+    Maize: MaizeImage,
+    Potato: PotatoImage,
+    Tomato: TomatoImage,
+    Cotton: CottonImage,
+    coconut: CoconutImage,
+    pomegranate: PomagranateImage,
+    mango: MangoImage
+  };
+  
+  export default cropImages;
+  

Soil Analyzer and Optimized Crop Finder - IT20233808/RP-MobileAPP-FE/components/recomendationComponentsBySoil/MostSutaibleCrops.js

@@ -2,27 +2,9 @@ import React, { useState, useEffect } from 'react';
 import { View, Text, TouchableOpacity, ActivityIndicator, StyleSheet, ImageBackground, Image } from 'react-native';
 import axios from 'axios';
 import { useRoute } from '@react-navigation/native';
-
-import BarleyImage from '../../assets/barley.png';
-import WheatImage from '../../assets/wheat.png';
-import RiceImage from '../../assets/rice.png';
-import MaizeImage from '../../assets/maize.png';
-import PotatoImage from '../../assets/potato.png';
-import TomatoImage from '../../assets/tomato.png';
-import CottonImage from '../../assets/cotton.png';
-import SoybeanImage from '../../assets/soybean.jpg';
 import BackgroundImage from '../../assets/backgroudManualData.jpg';
+import cropImages from '../common/Images';
 
-const cropImages = {
-  Soybean: SoybeanImage,
-  Barley: BarleyImage,
-  Wheat: WheatImage,
-  Rice: RiceImage,
-  Maize: MaizeImage,
-  Potato: PotatoImage,
-  Tomato: TomatoImage,
-  Cotton: CottonImage,
-};
 
 const MostSuitableCrops = () => {
   const [cropData, setCropData] = useState(null);
@@ -52,12 +34,13 @@ const MostSuitableCrops = () => {
   useEffect(() => {
     const fetchCropData = async () => {
       try {
-        const response = await axios.post('http://127.0.0.1:5000/npk-data', {
+        const response = await axios.post('http://127.0.0.1:5000/predict', {
           N: userNpkData['Nitrogen'],
           P: userNpkData['Phosphorus'],
           K: userNpkData['Potassium']
         });
         const responseData = response.data;
+        console.log("res data",responseData);
         setCropData(responseData);
       } catch (error) {
         console.error('Error fetching crop data:', error);
@@ -83,10 +66,10 @@ const MostSuitableCrops = () => {
           <View style={styles.card}>
             <Text style={styles.title}>Most Suitable Crops:</Text>
             <View style={styles.cropContainer}>
-              {cropData.top_crops.map((cropName) => (
-                <View key={cropName} style={styles.cropItem}>
-                  <Image source={cropImages[cropName]} style={styles.cropImage} />
-                  <Text style={styles.cropText}>{cropName}</Text>
+              {cropData.top_three_crops.map((cropInfo) => (
+                <View key={cropInfo.crop} style={styles.cropItem}>
+                  <Image source={cropImages[cropInfo.crop]} style={styles.cropImage} />
+                  <Text style={styles.cropText}>{cropInfo.crop}</Text>
                 </View>
               ))}
             </View>

Soil Analyzer and Optimized Crop Finder - IT20233808/RP-MobileAPP-FE/package.json

@@ -21,7 +21,8 @@
     "react-native": "0.71.8",
     "react-native-safe-area-context": "4.5.0",
     "react-native-screens": "~3.20.0",
-    "react-native-svg": "^13.9.0"
+    "react-native-svg": "^13.9.0",
+    "react-native-web": "~0.18.11"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0"