finalized

backend/server.js

@@ -10,7 +10,8 @@ const app = express()
 const PORT = process.env.PORT || 5000
 
 app.use(cors({
-  origin:["*", "http://51.20.93.112:3000"],//"exp://192.168.8.182:8081"
+  //51.20.93.112
+  origin:["*", "http://localhost:3000"],//"exp://192.168.8.182:8081"
   methods:["GET","POST"],
   credentials:true
 }))  

backend/src/controllers/addData.js

@@ -14,6 +14,7 @@ exports.addItem = async (req,res) =>{
 
         console.log("Successfully meal added!")
 
+        res.json({status:"Success", item:newItem })
 
 
     } catch(error){

frontend/src/App.js

@@ -7,8 +7,8 @@ import { useEffect, useState } from 'react';
 function App() {
   const [items, setItems] = useState([])
 
-  useEffect(()=>{
-      axios.get("http://51.20.93.112:5000/api/get/items").then(response => {
+  useEffect(()=>{//51.20.93.112
+      axios.get("http://localhost:5000/api/get/items").then(response => {
 
       setItems(response.data)
     })

frontend/src/components/AddItems.js

@@ -8,9 +8,10 @@ function AddItems({setItems}) {
   const handleSubmit = async (ev) => {
     ev.preventDefault();
 
-    try {
-      await axios.post("http://51.20.93.112:5000/api/add/item", { name: name });
+    try {//51.20.93.112
+      const response = await axios.post("http://localhost:5000/api/add/item", { name: name });
       setname("");
+      setItems((prv)=>[...prv,response.data.item])
     } catch (error) {
       // Handle errors, e.g., show an error message to the user
       console.error("Error:", error);