FETCH API to POST a new Item

[marjoriekohn]

• In js/ItemsController.js, implement a new function called save that will POST the new item's data using the fetch function:

  save(name, description, imageUrl){ const data = { name, description, imageUrl }; fetch('http://localhost:8080/item', { method: 'POST', // or 'PUT' headers: { 'Content-Type': 'application/json', }, body: JSON.stringify(data), }) .then(response => response.json()) .then(data => { console.log('Success:', data); }) .catch((error) => { console.error('Error:', error); });}

• Modify the save method of the ItemsController.java to avoid the CORS mechanism

  @CrossOrigin @PostMapping public Item save( @RequestBody ItemDto itemDto ) { return itemService.save( new Item( itemDto ) );}

• Add a call to the save function inside the scope of addItem function (you could call it after the items are stored on the localStorage).