Create a form with input element.
Fetch movie content with useEffect.
Use useState for search input to correctly use search query in API fetch.
Display movie content with next js component Image.
Finally refactor fetch and useStates to global level with createContext and useContext
Write a component test for the form to check for a label
Create a
formwithinputelement. Fetch movie content withuseEffect. UseuseStatefor search input to correctly use search query in API fetch. Display movie content with next js componentImage. Finally refactor fetch and useStates to global level withcreateContextanduseContextWrite a component test for theformto check for alabel