const express $=$ require$(\text{'}$express$\text{'})$;

const mongoose $=$ require$(\text{'}$mongoose$\text{'})$;

const multer $=$ require$(\text{'}$multer$\text{'})$;

const path $=$ require$(\text{'}$path$\text{'})$;

const cors $=$ require$(\text{'}$cors$\text{'})$;

const WebSocket $=$ require$(\text{'}$ws$\text{'})$;

const app $=$ express$()$;

app.use$($express$.$json$())$;

app.use$($cors$())$;

mongoose.connect$(\text{'}$mongodb:$//$localhost:$27017/$itemsDB$\text{'},\{$

useNewUrlParser: true,

useUnifiedTopology: true,

$\})$

$.$then$(()=>$ console.log$(\text{'}$Connected to MongoDB'$))$

$.$catch$(($err$)=>$ console.error$(\text{'}$Error connecting to MongoDB:$\text{'},$ err$))$;

const itemSchema $=$ new mongoose.Schema$(\{$

name: $\{$ type: String, required: true $\},$

brand: $\{$ type: String, required: true $\},$

price: $\{$ type: Number, required: true $\},$

image: $\{$ type: String, required: true $\},$

$\})$;

const Item $=$ mongoose.model$(\text{'}$Item$\text{'},$ itemSchema$)$;

const storage $=$ multer.diskStorage$(\{$

destination: $($req$,$ file, cb$)=>\{$

cb$($null$,$ 'uploads$/\text{'})$;

$\},$

filename: $($req$,$ file, cb$)=>\{$

cb$($null$,$ Date.now$()+$ path.extname$($file$.$originalname$))$;

$\},$

$\})$;

const upload $=$ multer$(\{$ storage $\})$;

app.use$(\text{'}/$uploads$\text{'},$ express.static$(\text{'}$uploads$\text{'}))$;

const server $=$ app.listen$(5000,()=>\{$

console.log$(\text{'}$Server running on port $5000\text{'})$;

$\})$;

const wss $=$ new WebSocket.Server$(\{$ server $\})$;

wss$.$on$(\text{'}$connection$\text{'},($ws$)=>\{$

console.log$(\text{'}$Client connected'$)$;

ws$.$on$(\text{'}$message$\text{'},($message$)=>\{$

console.log$(`$Received: $$\{$message$\}`)$;

ws$.$send$(\text{'}$Hello from server'$)$;

$\})$;

ws$.$on$(\text{'}$close$\text{'},()=>\{$

console.log$(\text{'}$Client disconnected'$)$;

$\})$;

$\})$;

app.post$(\text{'}/$items$\text{'},$ upload.single$(\text{'}$image$\text{'}),$ async $($req$,$ res$)=>\{$

try $\{$

const $\{$ name, brand, price $\}=$ req.body;

if $(!$req.file$)\{$

return res.status$(400).$json$(\{$ success: false, message: 'Image is required' $\})$;

$\}$

const newItem $=$ new Item$(\{$

name,

brand,

price: parseFloat$($price$),$

image: req.file.filename,

$\})$;

await newItem.save$()$;

res.status$(201).$json$(\{$ success: true, newItem $\})$;

$\}$ catch $($err$)\{$

res.status$(500).$json$(\{$ success: false, message: err.message $\})$;

$\}$

$\})$;

app.put$(\text{'}/$items$/$:id$\text{'},$ upload.single$(\text{'}$image$\text{'}),$ async $($req$,$ res$)=>\{$

try $\{$

const $\{$ name, brand, price $\}=$ req.body;

const updateData $=\{$ name, brand, price: parseFloat$($price$)\}$;

if $($req$.$file$)\{$

updateData.image $=$ req.file.filename;

$\}$

const updatedItem $=$ await Item.findByIdAndUpdate$($req$.$params.id$,$ updateData, $\{$ new: true $\})$;

if $(!$updatedItem$)\{$

return res.status$(404).$json$(\{$ success: false, message: 'Item not found' $\})$;

$\}$

res.json$(\{$ success: true, updatedItem $\})$;

$\}$ catch $($err$)\{$

res.status$(500).$json$(\{$ success: false, message: err.message $\})$;

$\}$

$\})$;

app.delete$(\text{'}/$items$/$:id$\text{'},$ async $($req$,$ res$)=>\{$

try $\{$

const deletedItem $=$ await Item.findByIdAndDelete$($req$.$params.id$)$;

if $(!$deletedItem$)\{$

return res.status$(404).$json$(\{$ success: false, message: 'Item not found' $\})$;

$\}$

res.json$(\{$ success: true $\})$;

$\}$ catch $($err$)\{$

res.status$(500).$json$(\{$ success: false, message: err.message $\})$;

$\}$

$\})$;

Would like for this backend Server to work with the DataForm react component please.