maryams-inspirationalboard

[marshi23]

Inspiration Board

Congratulations! You're submitting your assignment!

Comprehension Questions

Question	Answer
Explain the steps in creating a new Card from the form.	I created a form with the text and emoji fields in the NewCardForm component, it collects user input and passed it on to the Board component. Board sends a post request carrying the payload of the required fields filed out by the user to the api which adds the new card to the board with the provided details.
How did you learn how to use the API?	The mainly followed the api documentation and used postman and to confirm that I have the right address and see the type of response I was getting back.
What function did you use to place the GET request from the API to get the list of cards? Why use that function?	I used the componentDidMount function to make the api request and populate the app with the card list. The function ran after a component is mounted on the DOM tree.
Explain the purpose of a Snapshot test.	It keeps a record of what we want out component to look like and it is a good reference point when we make changes to a component.
What purpose does Enzyme serve in testing a React app?	Enzyme allows us to perform tests on utility functions of our components like providing shallow snapshots of them.

[CheezItMan]

Inspiration Board

What We're Looking For

Feature	Feedback
Core Requirements
Git hygiene	Reasonable number of commits and good commit messages
Comprehension questions	Check
General
Card Component renders the data provided as props	Check
Board Component takes a URL and renders the list of Cards and passes in callback functions	Check
NewCardform Component is a controlled form and uses a callback function to return entered data to the parent component	Check
API
GET request made in componentDidMount	Check
DELETE request made in callback function	Check
POST request made in callback function passed to NewCardForm component.	Check
Snapshot testing	Check
Styling	Check
Overall	Well done, you hit all the learning goals for this project. You did have a small bug in displaying your error messages, because you can't push something into undefined which is what you had it initialized to initially.

[CheezItMan]

Just a note you could do:

this.setState({
  errors,
});

[CheezItMan]

You should also initialize errors to [].