IMDB movie search with Ionic and Angular JS

Ionic-training-banner

Ionic is a beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5. ( from ionic website)

AngularJS is a JavaScript framework. It can be added to an HTML page with a <script> tag. AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions. ( From w3schools )

The IMDB movie search application

In this application we will accept movie name from user and send it to movie api. We will use The Open Movie Database (which is unofficial imdb api) to fetch movie details.

In this tutorial we will be using Ionic Card Showcase to show movie poster and other details like year of release, genre, actors etc. To fetch the movie information we will user Angular JS Factory.

Following is the codepen for this application

See the Pen Imdb Movie Search by Devendra Verma (@devendraverma) on CodePen.