Use the JavaScript skills to create a movie search application that uses the free OMDb (Open Movie Database) API (https://www.omdbapi.com(Links to an external site.)). Your application will consist of a search field, a dropdown for the movie/series/episode type and a search button. Upon clicking the button, you will populate the page with movie/show/series titles that match the search criteria and type. The search results will contain the poster art, title, type, year and a link to IMDb, the commercial database of all film productions.
Your application will utilize jQuery for DOM manipulation, Ajax for asynchronously retrieving data based on the search criteria, JSON will be the return data type so you will work with JSON objects and use Bootstrap to make the application as attractive and responsive as possible.
Use the JavaScript skills to create a movie search application that uses the free OMDb (Open Movie Database) API (https://www.omdbapi.com (Links to an external site.)). Your application will consist of a search field, a dropdown for the movie/series/episode type and a search button. Upon clicking the button, you will populate the page with movie/show/series titles that match the search criteria and type. The search results will contain the poster art, title, type, year and a link to IMDb, the commercial database of all film productions. Your application will utilize jQuery for DOM manipulation, Ajax for asynchronously retrieving data based on the search criteria, JSON will be the return data type so you will work with JSON objects and use Bootstrap to make the application as attractive and responsive as possible. · Use functions. For example, a good practice is to use a function for each process · Validation. Make sure the application is "bulletproof" in terms of input. If there is an invalid input, notify the user Technical Requirements 1. The OMDb API uses a RESTful endpoint for querying. This API will need an apikey to validation access. The apikey as well as the API endpoint is below: · Endpoint: https://www.omdbapi.com/?s=searchterm&type=contenttype&apikey=130d2b6b · apikey url parameter: 130d2b6b · s url parameter: The search term · type url parameter: can be blank, movie, series or episode 2. The search term and type are appended to the URL before an Ajax call is made. For example if the search is for the title "star wars", the URL would be: · https://www.omdbapi.com/?s=star wars&type=movie&apikey=130d2b6b (Links to an external site.) (View this URL in FireFox or ReqBin to get a formatted JSON format that you can study. 3. The link to IMDb can be created by taking the imdbID value from the returned data and appending it to the imdb.com URL: · https://www.imdb.com/title/imdbID