HTTP/AJAX

Topics:

• axios package
• AJAX
• Promises

Instructions

1. Implement Update and Delete functionality.
   • for update pass the friend id as a URL parameter, and the information you want to update about the friend inside the body. You can build a new form in the UI for this, or, if you set it up correctly, reuse the form you made for the POST request.

For reference,

{
  name: should be a string,
  age: should be a number,
  email: should be a string,
}

---

Stretch Problems

1. Separate the list of friends and the new friend form into different components, and use the appropriate React Router to build routes for the proper aspects of your components to be revealed separately.
2. Style the friends list, the input field, and make everything look nice.
3. Expand the number of properties that you put on each friend object.
4. Feel free to remove the dummy data on the server or modify it in any way.