inspiration-board jessie

[jessiezhang2017]

Inspiration Board

Congratulations! You're submitting your assignment!

Comprehension Questions

Question	Answer
Explain the steps in creating a new Card from the form.	user enters text and emoji on the newCardForm, onFormChange function was called, it updates the text and emoji value on this.state . Then, user click the submit button, it called this.onSubmit function, which check if the text is blank, if not, it calls the addCardCallback function which was passed to newCardForm by board component as a prop, using the text and emoji value entered by user as parameter of the function. addCardCallback on board component will call addCard function , which has an axios post request linked to the heroku url to create a new card in external API database, at the same time, it add the new card to the card list, the state of board is reset to include the new card, which will in turn show the new card on the board.
How did you learn how to use the API?	read the API introduction , and tried to use the API on postman
What function did you use to place the GET request from the API to get the list of cards? Why use that function?	componentDidMount function. We need to make sure before we use APIs , we have loaded the app and it's data efficiently.
Explain the purpose of a Snapshot test.	the purpose of the a snapshot test is to compare future runs of the test to that snapshot and alert the user to any changes.
What purpose does Enzyme serve in testing a React app?	Enzyme is a JavaScript Testing utility for React that makes it easier to assert, manipulate, and traverse the React Components’ output.

[CheezItMan]

Inspiration Board

What We're Looking For

Feature	Feedback
Core Requirements
Git hygiene	Good 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, well done
Overall	Nice work, you hit all the major learning goals of the project.

[CheezItMan]

Good that you're displaying an error message, might be better to give more details (validation errors etc).