Shonda and Jocelyn

[wangjoc]

Video Store Consumer

Congratulations! You're submitting your assignment!

Comprehension Questions

Question	Answer
Paste a link to the PR for your API	https://github.com/Shonda860/video-store-consumer-api
For each person in your pair, describe something you learned from your partner during this project	Shonda did a great job teaching me how to use React Router after she set it up. Jocelyn taught me how the Api and App were connected and how to render the views.
What was one area of React you gained more clarity on during this assignment?	Importing a lot times things I would try wouldn’t appear or break the code and that because I was not importing the file.
Describe how you solved the problem of having lists of movies that look mostly the same but have different content	We use cards and dividers to show the different movies so they took up less space
Describe how you handled rentals with React	We handled rentals by having a setState track which movie and which customer had been selected. If there was both a movie and customer selected, a “Create Rental” button would appear at the top of the screen. When clicked, it would take the customer and movie selected, assign a due date, and then send the params through the post request to the rentals/check-out path, clearing the setState if it was successfully created. On the other hand, to return a rental, we created a new Rentals page with a “Return Rental” button. This would take the data associated with that specific rental card and post to the rentals/return path.
Describe a DOM event your application handled	To create the Customer Searchbar on the Library page, we take in the params of the customer name and enter it as a GET request to the api. This would then search the database using a sql query to get any customers that had a match with the name.
Did you use any functional stateless components? What for?	We used App.js to track our states (primarily just to track movies, customers, and selected movies and customers), so most of our other components are actually stateless. This allowed the overall code to be cleaner since it’s easier to maintain the states from one location and to pass it down to children components as needed.
Did you use any container components? What for?	We used container components to contain our Customer, Movie, and Rental components (contained within CustomerList, MovieList, and RentalList, respectively.)
Do you have any recommendations on how we could improve this project for the next cohort?	I would give them some starter design code. It was hard trying to figure out how to use the css in some parts when there were multiple things going on.