Mobile applications development Movies application Grace Keane G00359990 - GraceKeane/typescript-movie-app GitHub Wiki

For my project I created an application to enable the user to search for movies and to watch youtube trailers for upcoming movies.

How to run the app 1/ First clone and download the app 2/ go into app's destination folder 3/ type cmd 4/ type in cd G00359990 5/ type code . 6/ type ionic serve in console to run the app

how my app works

  1. You are first asked to enter your name. Once the user enters their name a greeting message appears welcoming the user to the app and displays the name along with the message. I used two way data binding to do this.

  2. Next the user is asked to search for a movie. As the user is typing in the name of the movie two way data binding enables what the user is writing to be shown as a heading at the top of the screen. Once the user enters the movie name and hits the search button a list of movie names and pictures will be shown. This reads JSON Data from an external URL and brings data down from the web.

  3. The user can then click a button called trailers which brings him/her onto another page. I used a NavController to enable this to work. This page displays trailers of movies that are soon to be released in cinemas. All trailers can be watched in the app. There is no need to go onto an additional tab to display trailers. All movie trailers are embedded in my app. The videos were tried and tested and the sound in each trailer can also be heard from a laptop and a phone.

  4. Finally at the bottom of the home page there is a feedback option which enables the user to write feedback on what they thought of the app. Once the user inputs data he/she then hits submit feedback, this saves the data to local storage. Next when load feedback is clicked this will enable the data that the user inputted to be clearly seen in local storage from the web console. I used data Persistence in creating this.