benjaminlynch010 / famous-people-react

Famous People List

Start with the code provided here.

The server side code and routes have been provided for you. You shouldn't have to change anything in the server.

Please create a database called famous_people and use the database.sql file to help you spin it up.

npm install

npm run server

npm run client

Required Features

• In the FamousSection Component, there should be a GET request and it should fire off on load of the component. Take the response.data and assign it to the famousPeopleArray.
• Add a bullet list of everyone in the famousPeopleArray array to the bottom of the FamousSection Component.
• When the Submit button is clicked, add the new famous person to the database with a POST request.
• Once a successful POST request has been made, the list on the DOM should update to show that new person.
• Clear the input fields after a new person is added.

Stretch Goals

Components (REQUIRES PROPS)

Split the FamousSection Component into 3 Components:

• a FamousPersonForm (to add a new person)
• a FamousPersonList (to display each person in the database)
• a FamousPerson (to display a single famous person's info as 'Felicia Day is famous for "The Guild". (Use this inside of the FamousPersonList component.)