An error occurred while submitting the form.

WebSocket connection to $\text{'}$ws:$//$localhost:$3000/$ws$\text{'}$ failed:$$

WebSocketClient @ bundle.js:$46758$

bundle.js:$46758$WebSocket connection to $\text{'}$ws:$//$localhost:$3000/$ws$\text{'}$ failed:$$

WebSocketClient @ bundle.js:$46758$

bundle.js:$46758$WebSocket connection to $\text{'}$ws:$//$localhost:$3000/$ws$\text{'}$ failed:$$

WebSocketClient @ bundle.js:$46758$

bundle.js:$46758$WebSocket connection to $\text{'}$ws:$//$localhost:$3000/$ws$\text{'}$ failed:$$

WebSocketClient @ bundle.js:$46758$

bundle.js:$46758$WebSocket connection to $\text{'}$ws:$//$localhost:$3000/$ws$\text{'}$ failed:$$

WebSocketClient @ bundle.js:$46758$

bundle.js:$46758$WebSocket connection to $\text{'}$ws:$//$localhost:$3000/$ws$\text{'}$ failed:$$

WebSocketClient @ bundle.js:$46758$

bundle.js:$46758$WebSocket connection to $\text{'}$ws:$//$localhost:$3000/$ws$\text{'}$ failed:$$

WebSocketClient @ bundle.js:$46758$

part$-9.$onrender.com$/$api$/$gear:$1$

$$

$$

$$ Failed to load resource: the server responded with a status of $500()$

bundle.js:$46758$WebSocket connection to $\text{'}$ws:$//$localhost:$3000/$ws$\text{'}$ failed:$$

WebSocketClient @ bundle.js:$46758$

bundle.js:$46758$WebSocket connection to $\text{'}$ws:$//$localhost:$3000/$ws$\text{'}$ failed:

Running the below code: Please help. Thank you.

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 app $=$ express$()$;

$//$ Middleware

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

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

$//$ Connect to MongoDB

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$))$;

$//$ Define Item Schema

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$)$;

$//$ Set up multer for file uploads

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 $\})$;

$//$ Serve uploaded images

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

$//$ Routes

$//$ Create $($POST$)$

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 $\})$;

$\}$

$\})$;

$//$ Update $($PUT$)$

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 $\})$;

$\}$

$\})$;

$//$ Delete $($DELETE$)$

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 $\})$;

$\}$

$\})$;

$//$ Start the server

app.listen$(5000,()=>$ console.log$(\text{'}$Server running on port $5000\text{'}))$;