reviewed

backend/server.js

@@ -3,7 +3,7 @@ const cors = require("cors")
 const bodyParser = require("body-parser")
 
 
-// const connectMongoDb = require("./config/database")
+const connectMongoDb = require("./config/database")
 // const addRoutes = require('./src/routes/addRoutes');
 // const getRoutes = require('./src/routes/getRoutes');
 

frontend/src/App.js

@@ -9,8 +9,9 @@ function App() {
       <p>By using Github actions and docker in AWS EC2 instance Ubuntu</p>
       <hr/>
       <hr/>
-      <SeeItems />
+
       <AddItems />
+      <SeeItems />
     </div>
   );
 }

frontend/src/components/SeeItems.js

@@ -1,14 +1,24 @@
-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
+
+
+const dummy = ["Apple", "Orange", "Car"]
+
 
 function SeeItems() {
     const [items, setItems] = useState([])
 
+    useEffect(()=>{
+        setItems(dummy)
+    })
+
     if(!items){
         return <h1>Loading.....</h1>
     }
   return (
     <div>
-
+        {items.map((item)=>(
+                <h6>{item}</h6>
+        ))}
     </div>
   )
 }