This is a Full-stack CRUD web app that allows users to look up movie recommendations, and add them to a watch list that can be accessed when they login to their own profiles. Users can also add a short review to their favorite movies that will help other users discover new favorites.
This project required many state changes that were passed down as props to a variety of child components. Our application depended on conditional rendering so that we can display the correct data for a specific movie.
As shown, a switch statement was used to render various controlled components based on a user's actions.
In order to properly render a movie poster and making it clickable to show a pop-up modal window in React, we must use HTML elements with type="button". Our team-member, Luke, came up with a clever solution to pass in the image prop as a CSS property in a button element.
And finally, our targeted movie page contains multiple controlled form components that will conditionally render when we click on the Edit button to reveal the Update, and Delete buttons.
