opencodeiiita / moviessearch Goto Github PK

The method called when the search query is changed is not bind to it's original scope, fix it.

Make an AJAX call to the API in the performSearch Method and log the response on console.

Currently an arrow function is being used to bind the searchChangeHandler method, replace it with bind method.

add a new button to MovieRow component, don't worry about the handler yet.

In footer.js 'class' should be replaced by 'className'.

properties like title, overview and poster are being passed as props to MovieRow component, use them in the component

You have to extract the searchTerm from the input field and use it for calling performSearch method.

Create a cool looking footer component.

Provide website mockup for mobile, tablets and desktop devices.

Make the pr for bug information with the issue number of this issue. You don't have to claim this issue, it is open for everyone.

Currently MovieRow component renders a trivial JSX. It should render a table with 2 columns, one for the movie-poster and another containing 2 row each, the top one for movie-title and bottom for short description of the movie.

instead of rendering, export the MovieRow component.

Setup this project on your local machine, and send a screenshot of your browser and command-line.

Change the App.js, Footer.js and MovieRow.js to functional component using react hooks

add a click-handler to the view button which redirects to the page of the movie. You will have to explore the api for url.

Add a new component called MovieRow, it doesn't have to render anything, just a header called Movie Row.

For each search result, create a MovieRow component with relevant data as props and add it to state of the app as an array.

The current favicon doesn't suit the app, replace it with a new cool icon. Make sure to attach a screenshot with the PR.

Rename movrow.js to MovieRow.js

Currently individual key-value pairs are being passed as props to rows, replace them with movie object.

Take a look at the API by experimentation, and log the results from the response with respect to search-query instead of the whole response.