Luxi Lindsey - inspiration-board - Octos

[Lindseyls]

Inspiration Board

Congratulations! You're submitting your assignment!

Comprehension Questions

Question	Answer
Explain the steps in creating a new Card from the form.	Once the submit button is clicked from the form, a new Card is created when the text and/or emoji objects are called back into the Board as a state and the AddCard function uses axios post request to create the new card with the object. The object is pushed into the cards array, which is then rendered onto the Card component at props that will now display all the cards.
How did you learn how to use the API?	I tested the API in postman first for get, post, and delete before implementing the API with axios. this way I knew what the exact url should be that gets passed into axios.
What function did you use to place the GET request from the API to get the list of cards? Why use that function?	The componentDidMount() function is used to place the Get request from the API using axios. The componentDidMount() function is one of the most commonly used lifecycle methods in React. We use this method to load in any external data from an API that we might need.
Explain the purpose of a Snapshot test.	The snapshot files that get created during a Snapshot test shows how Jest compares the current snapshot to the rendered content from the test. With snapshot testing we can test how React components render to the DOM. We can also test how the components respond to user interaction.
What purpose does Enzyme serve in testing a React app?	The Enzyme's mount function is used to create the snapshot in testing a React app.
Summary	This was a fun project! I learned a lot about how to use the API with axios in React. Also, the testing with jest was not too bad. I also got a better understanding of how to use state and props.

[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, enzyme is instead used to shallowly mount to make Jest's snapshot tests smaller and easier to read. It's also used to select elements in a component in testing. This is very useful when testing events.
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	Looks good!
Overall	Nice work, you hit all the learning goals!