diff --git a/package-lock.json b/package-lock.json
index f97b346..ffbe500 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32,7 +32,7 @@
         "react-resizable-panels": "^0.0.53",
         "react-router-dom": "^6.11.2",
         "react-scripts": "5.0.1",
-        "swiper": "^10.0.4",
+        "swiper": "^10.2.0",
         "web-vitals": "^2.1.4"
       }
     },
@@ -18107,9 +18107,9 @@
       }
     },
     "node_modules/swiper": {
-      "version": "10.0.4",
-      "resolved": "https://registry.npmjs.org/swiper/-/swiper-10.0.4.tgz",
-      "integrity": "sha512-DlNR3KiaVkPep6RraZ2tNr7lvyuzELuR+4NZr4wO42t0UworIO3DxDlz8b5Q3uUioh7cJad99EdRJLkPF+r8Ag==",
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/swiper/-/swiper-10.2.0.tgz",
+      "integrity": "sha512-nktQsOtBInJjr3f5DicxC8eHYGcLXDVIGPSon0QoXRaO6NjKnATCbQ8SZsD3dN1Ph1RH4EhVPwSYCcuDRFWHGQ==",
       "funding": [
         {
           "type": "patreon",
diff --git a/package.json b/package.json
index caf2bc2..c95238f 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
     "react-resizable-panels": "^0.0.53",
     "react-router-dom": "^6.11.2",
     "react-scripts": "5.0.1",
-    "swiper": "^10.0.4",
+    "swiper": "^10.2.0",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
diff --git a/src/components/FeedbackModal/FeedbackModal.jsx b/src/components/FeedbackModal/FeedbackModal.jsx
new file mode 100644
index 0000000..45feba0
--- /dev/null
+++ b/src/components/FeedbackModal/FeedbackModal.jsx
@@ -0,0 +1,134 @@
+import {
+  Text,
+  Flex,
+  Modal,
+  ModalOverlay,
+  ModalContent,
+  ModalCloseButton,
+  ModalHeader,
+  ModalFooter,
+  Button,
+} from "@chakra-ui/react";
+import axios from "axios";
+import DataContext from "../../context/DataContext";
+import { useState, useContext } from "react";
+
+export default function FeedbackModal({
+  setData,
+  infoOnClose,
+  isOpen,
+  onClose,
+  props,
+}) {
+  const [feedbackHelped, setFeedbackHelped] = useState(null);
+  const { setLoading } = useContext(DataContext);
+
+  async function handleFeedback() {
+    setLoading(false);
+    axios
+      .put(`${process.env.REACT_APP_AWS_BACKEND_URL}/items/${props.id}`, {
+        isHelped: feedbackHelped,
+      })
+      .then(() => console.log("Success"))
+      .catch((err) => console.log(err));
+
+    setData((prevItems) => {
+      if (prevItems && prevItems.length > 0) {
+        return prevItems.map((item) => {
+          if (item.id === props.id) {
+            item.isresolved = true;
+            item.isHelped = feedbackHelped;
+          }
+          return item;
+        });
+      }
+      return prevItems;
+    });
+    setLoading(true);
+  }
+
+  return (
+    <Modal
+      isOpen={isOpen}
+      onClose={() => {
+        if (feedbackHelped === null) {
+          onClose();
+        } else {
+          onClose();
+          infoOnClose();
+        }
+      }}
+    >
+      <ModalOverlay />
+      {feedbackHelped === null ? (
+        <ModalContent>
+          <ModalHeader
+            display={"flex"}
+            alignItems={"center"}
+            justifyContent={"center"}
+          >
+            ⚠️ Feedback ⚠️
+          </ModalHeader>
+          <ModalCloseButton />
+          <Flex justifyContent={"center"} alignItems={"center"}>
+            <Text>Did ZotnFound help with resolving your item?</Text>
+          </Flex>
+          <ModalFooter
+            display={"flex"}
+            alignItems={"center"}
+            justifyContent={"center"}
+          >
+            <Button
+              colorScheme="red"
+              mr={3}
+              onClick={() => {
+                setFeedbackHelped(false);
+              }}
+            >
+              No 👎
+            </Button>
+            <Button
+              colorScheme="green"
+              onClick={() => {
+                setFeedbackHelped(true);
+              }}
+            >
+              Yes 👍
+            </Button>
+          </ModalFooter>
+        </ModalContent>
+      ) : (
+        <ModalContent>
+          <ModalHeader
+            display={"flex"}
+            alignItems={"center"}
+            justifyContent={"center"}
+          >
+            ❤️ Thank You For Your Feedback ❤️
+          </ModalHeader>
+          <ModalCloseButton />
+          <Flex justifyContent={"center"} alignItems={"center"}>
+            <Text>Your feedback has been recorded.</Text>
+          </Flex>
+          <ModalFooter
+            display={"flex"}
+            alignItems={"center"}
+            justifyContent={"center"}
+          >
+            <Button
+              colorScheme="red"
+              mr={3}
+              onClick={() => {
+                handleFeedback();
+                onClose();
+                infoOnClose();
+              }}
+            >
+              Close
+            </Button>
+          </ModalFooter>
+        </ModalContent>
+      )}
+    </Modal>
+  );
+}
diff --git a/src/components/Home/Home.jsx b/src/components/Home/Home.jsx
index 21319e2..9e39de7 100644
--- a/src/components/Home/Home.jsx
+++ b/src/components/Home/Home.jsx
@@ -97,6 +97,8 @@ export default function Home() {
   const [screenWidth, setScreenWidth] = useState(window.screen.width);
   const [uploadImg, setUploadImg] = useState("");
 
+  console.log(data)
+
   // LOGIN MODAL
   const {
     isOpen: isLoginModalOpen,
diff --git a/src/components/ImageContainer/ImageContainer.jsx b/src/components/ImageContainer/ImageContainer.jsx
index d05708c..39b03fe 100644
--- a/src/components/ImageContainer/ImageContainer.jsx
+++ b/src/components/ImageContainer/ImageContainer.jsx
@@ -16,7 +16,7 @@ export default function ImageContainer({ image, isresolved }) {
           alignItems={"center"}
           marginTop={30}
           flexDir={"column"}
-          w={400}
+          w={450}
         >
           <Text fontSize={18} as="b" color={"white"}>
             RETURNED
diff --git a/src/components/InfoModal/InfoModal.jsx b/src/components/InfoModal/InfoModal.jsx
index a0dba7d..82f9f40 100644
--- a/src/components/InfoModal/InfoModal.jsx
+++ b/src/components/InfoModal/InfoModal.jsx
@@ -10,22 +10,23 @@ import {
   ModalCloseButton,
   Flex,
   Tag,
+  useDisclosure,
 } from "@chakra-ui/react";
 import { formatDate } from "../../utils";
 import { UserAuth } from "../../context/AuthContext";
 import DataContext from "../../context/DataContext";
-import axios from "axios";
 import ImageContainer from "../ImageContainer/ImageContainer";
-import { LinkIcon, EmailIcon, CloseIcon } from "@chakra-ui/icons";
+import FeedbackModal from "../FeedbackModal/FeedbackModal";
+import { LinkIcon, CheckIcon, EmailIcon, PhoneIcon } from "@chakra-ui/icons";
 
-export default function InfoModal({ setData, isOpen, onClose, props }) {
+export default function InfoModal({ setData, isOpen, onClose, onOpen, props }) {
   const [showEmail, setShowEmail] = useState(false);
   const { onLoginModalOpen } = useContext(DataContext);
-  const { setLoading } = useContext(DataContext);
   const { user } = UserAuth();
   const navigate = useNavigate();
+  const feedbackModalDisclosure = useDisclosure();
   const currentEmail = user?.email;
-
+  
   // function viewEmail() {
   //   if (user) {
   //     setShowEmail(true);
@@ -33,147 +34,150 @@ export default function InfoModal({ setData, isOpen, onClose, props }) {
   // }
 
   async function handleDelete() {
-    onClose();
-    setLoading(false);
-    axios
-      .delete(`${process.env.REACT_APP_AWS_BACKEND_URL}/items/${props.id}`)
-      .then(() => console.log("Success"))
-      .catch((err) => console.log(err));
-    setData((prevItems) => {
-      if (prevItems && prevItems.length > 0) {
-        return prevItems.filter((item) => item.id !== props.id);
-      }
-      return prevItems;
-    });
-    setLoading(true);
+    feedbackModalDisclosure.onOpen();
   }
 
   const formattedDate = formatDate(new Date(props.date));
   return (
-    <Modal
-      isOpen={isOpen}
-      onClose={() => {
-        onClose();
-        navigate("/");
-      }}
-      size={{ base: "full", md: "5xl" }}
-    >
-      <ModalOverlay />
-      <ModalContent>
-        <ModalCloseButton size="lg" />
+    <>
+      <Modal
+        isOpen={isOpen}
+        onClose={() => {
+          onClose();
+          navigate("/");
+        }}
+        size={{ base: "full", md: "5xl" }}
+      >
+        <ModalOverlay />
+        <ModalContent>
+          <ModalCloseButton size="lg" />
 
-        <Flex
-          justifyContent={{ base: "center", md: "space-around" }}
-          alignItems={"center"}
-          paddingX={"2%"}
-          paddingY={"5%"}
-          width={"100%"}
-          flexDir={{ base: "column", md: "row" }}
-        >
-          <ImageContainer image={props.image} isresolved={props.isresolved} />
           <Flex
-            flexDir={"column"}
-            w={{ base: "90%", md: "40%" }}
-            gap={5}
-            mt={{ md: 0, base: 5 }}
+            justifyContent={{ base: "center", md: "space-around" }}
+            alignItems={"center"}
+            paddingX={"2%"}
+            paddingY={"5%"}
+            width={"100%"}
+            flexDir={{ base: "column", md: "row" }}
           >
-            {/* HEADING */}
-            <Flex flexDir={"column"} gap={2}>
-              <Heading
-                // mt="20px"
-                fontSize="4xl"
-                fontFamily={"body"}
-                fontWeight={"bold"}
-              >
-                {props.name}
-              </Heading>
+            <ImageContainer image={props.image} isresolved={props.isresolved} />
+            <Flex
+              flexDir={"column"}
+              w={{ base: "90%", md: "40%" }}
+              gap={5}
+              mt={{ md: 0, base: 5 }}
+            >
+              {/* HEADING */}
+              <Flex flexDir={"column"} gap={2}>
+                <Heading
+                  // mt="20px"
+                  fontSize="4xl"
+                  fontFamily={"body"}
+                  fontWeight={"bold"}
+                >
+                  {props.name}
+                </Heading>
 
-              <Flex gap={2}>
-                {currentEmail === props.email ? (
-                  <Flex>
-                    <Tag colorScheme="blue" variant="solid">
-                      Owner
-                    </Tag>
-                  </Flex>
-                ) : props.islost ? (
-                  <Flex>
-                    <Tag colorScheme="red" variant="solid">
-                      Lost
-                    </Tag>
-                  </Flex>
-                ) : (
-                  <Flex>
-                    <Tag colorScheme="green" variant="solid">
-                      Found
-                    </Tag>
-                  </Flex>
-                )}
-                <Text color={"gray.500"}>Posted: {formattedDate}</Text>
+                <Flex gap={2}>
+                  {currentEmail === props.email ? (
+                    <Flex>
+                      <Tag colorScheme="blue" variant="solid">
+                        Owner
+                      </Tag>
+                    </Flex>
+                  ) : props.islost ? (
+                    <Flex>
+                      <Tag colorScheme="red" variant="solid">
+                        Lost
+                      </Tag>
+                    </Flex>
+                  ) : (
+                    <Flex>
+                      <Tag colorScheme="green" variant="solid">
+                        Found
+                      </Tag>
+                    </Flex>
+                  )}
+                  <Text color={"gray.500"}>Posted: {formattedDate}</Text>
+                </Flex>
               </Flex>
-            </Flex>
 
-            <hr />
+              <hr />
 
-            {/* DESCRIPTION */}
-            <Flex flexDir={"column"}>
-              <Text as={"b"} fontSize={"xl"}>
-                Description:
-              </Text>
-              {props.islost ? (
-                <Text color={"gray.500"}>Lost on {props.itemDate}</Text>
-              ) : (
-                <Text color={"gray.500"}> Found on {props.itemDate}</Text>
-              )}
-              <Text fontSize={"md"} mt={3} overflowY={"auto"} maxHeight={"200"}>
-                {props.description}
-              </Text>
-            </Flex>
-            <hr />
-            <Flex gap={5} justifyContent={"center"} alignItems={"center"}>
-              {currentEmail !== props.email &&
-                (!showEmail ? (
+              {/* DESCRIPTION */}
+              <Flex flexDir={"column"}>
+                <Text as={"b"} fontSize={"xl"}>
+                  Description:
+                </Text>
+                {props.islost ? (
+                  <Text color={"gray.500"}>Lost on {props.itemDate}</Text>
+                ) : (
+                  <Text color={"gray.500"}> Found on {props.itemDate}</Text>
+                )}
+                <Text
+                  fontSize={"md"}
+                  mt={3}
+                  overflowY={"auto"}
+                  maxHeight={"200"}
+                >
+                  {props.description}
+                </Text>
+              </Flex>
+              <hr />
+              <Flex gap={5} justifyContent={"center"} alignItems={"center"}>
+                {currentEmail !== props.email &&
+                  (!showEmail ? (
+                    <Button
+                      colorScheme="blue"
+                      size={"lg"}
+                      gap={2}
+                      isDisabled={props.isresolved && true}
+                      onClick={() => {
+                        if (user) {
+                          setShowEmail(true);
+                        } else {
+                          onLoginModalOpen();
+                        }
+                      }}
+                    >
+                      <PhoneIcon /> View Contact
+                    </Button>
+                  ) : (
+                    <Button size="lg" variant="outline" colorScheme="blue">
+                      {props.email}
+                    </Button>
+                  ))}
+                {currentEmail === props.email && (
                   <Button
-                    colorScheme="blue"
+                    colorScheme="green"
                     size={"lg"}
                     gap={2}
-                    isDisabled={props.isresolved && true}
-                    onClick={() => {
-                      if (user) {
-                        setShowEmail(true);
-                      } else {
-                        onLoginModalOpen();
-                      }
-                    }}
+                    onClick={handleDelete}
+                    isDisabled={props.isresolved ? true : false}
                   >
-                    <EmailIcon /> View Contact
+                      {currentEmail === props.email ? <CheckIcon /> Resolve : <EmailIcon /> View Contact}
                   </Button>
-                ) : (
-                  <Button size="lg" variant="outline" colorScheme="blue">
-                    {props.email}
-                  </Button>
-                ))}
-              {currentEmail === props.email && (
+                )}
                 <Button
-                  colorScheme="red"
+                  colorScheme="blue"
                   size={"lg"}
+                  variant={"outline"}
                   gap={2}
-                  onClick={handleDelete}
                 >
-                  <CloseIcon /> Delete
+                  <LinkIcon /> Share
                 </Button>
-              )}
-              <Button
-                colorScheme="blue"
-                size={"lg"}
-                variant={"outline"}
-                gap={2}
-              >
-                <LinkIcon /> Share
-              </Button>
+              </Flex>
             </Flex>
           </Flex>
-        </Flex>
-      </ModalContent>
-    </Modal>
+        </ModalContent>
+      </Modal>
+      <FeedbackModal
+        infoOnClose={onClose}
+        isOpen={feedbackModalDisclosure.isOpen}
+        onClose={feedbackModalDisclosure.onClose}
+        props={props}
+        setData={setData}
+      />
+    </>
   );
 }
diff --git a/src/components/ResultCard/ResultCard.jsx b/src/components/ResultCard/ResultCard.jsx
index c80de24..fe4e408 100644
--- a/src/components/ResultCard/ResultCard.jsx
+++ b/src/components/ResultCard/ResultCard.jsx
@@ -18,7 +18,7 @@ import { formatDate } from "../../utils.js";
 import locate from "../../assets/logos/locate.svg";
 
 export default function ResultCard({ props, setData, onResultsBarClose }) {
-  const { isOpen, onOpen, onClose } = useDisclosure();
+  const infoModalDisclosure = useDisclosure();
   const {id} = useParams();
 
   const formattedDate = formatDate(new Date(props.date));
@@ -47,7 +47,7 @@ export default function ResultCard({ props, setData, onResultsBarClose }) {
               leftIcon={<InfoIcon />}
               size="md"
               w="20"
-              onClick={onOpen}
+              onClick={infoModalDisclosure.onOpen}
             >
               View
             </Button>
@@ -79,12 +79,12 @@ export default function ResultCard({ props, setData, onResultsBarClose }) {
           </Flex>
         </CardFooter>
       </Card>
-      {(isOpen || id) && (
+      {(infoModalDisclosure.isOpen || id) && (
         <InfoModal
           props={props}
-          onOpen={onOpen}
-          onClose={onClose}
-          isOpen={id === props.id.toString() ? true: isOpen}
+          onOpen={infoModalDisclosure.onOpen}
+          onClose={infoModalDisclosure.onClose}
+          isOpen={id === props.id.toString() ? true: infoModalDisclosure.isOpen}
           setData={setData}
         />
       )}
diff --git a/src/context/AuthContext.js b/src/context/AuthContext.js
index 53e4b26..cf7b1bf 100644
--- a/src/context/AuthContext.js
+++ b/src/context/AuthContext.js
@@ -1,5 +1,10 @@
 import { useContext, createContext } from "react";
-import { GoogleAuthProvider, signOut, onAuthStateChanged, signInWithPopup } from "firebase/auth";
+import {
+  GoogleAuthProvider,
+  signOut,
+  onAuthStateChanged,
+  signInWithPopup,
+} from "firebase/auth";
 import { auth } from "../firebase";
 import { useEffect, useState } from "react";
 
@@ -19,7 +24,6 @@ export const AuthContextProvider = ({ children }) => {
     });
   };
 
-
   const logOut = () => {
     signOut(auth);
   };
@@ -37,7 +41,11 @@ export const AuthContextProvider = ({ children }) => {
     };
   }, []);
 
-  return <AuthContext.Provider value={{ googleSignIn, logOut, user }}>{children}</AuthContext.Provider>;
+  return (
+    <AuthContext.Provider value={{ googleSignIn, logOut, user }}>
+      {children}
+    </AuthContext.Provider>
+  );
 };
 
 export const UserAuth = () => {