Topics:
axios
package- AJAX
- Promises
-
Run
npm i
inside the root directory of this project. -
Run
npm start
to start the server. -
The provided server returns a list of friends when a
GET
request is made tohttp://localhost:5000/friends
. -
In a separate terminal window, run
create-react-app friends
to create your starter React application. -
Inside your React application, create a component to display the list of friends coming from the server.
-
Add a form to gather information about a new friend.
-
Add a button to save the new friend by making a
POST
request to the same endpoint listed above. -
Each
friend
should have the following properties:
{
name: should be a string,
age: should be a number,
email: should be a string,
}
-
Separate the list of friends and the new friend form into different components, and use the appropriate client side routing to access them.
-
Implement Update and Delete functionality.
- for
update
pass the friend id as a URL paremeter, including the information about the friend inside the body. - for
delete
pass the friend id as a URL parameter.
- for
-
Style the friends list, the input field, and make everything look nice.
-
Expand the number of properties that you put on each friend object.
-
Feel free to remove the dummy data on the server or modify it in any way.