About our website


It is a simple search engine that supplies movie information

The purpose of the website is to provide cheap entertainment as well as useful movie information

We used 3 APIs to deliver content to entertain the user


Application Program Interfaces

Youtube

Open Movie Database

Giphy

Challenges


Finding proper design layout to display the header, section and footer for webiste and also putting the content in proper place.

Learning the parallax style with bootstrap to have our presentation with you

Making a simple search bar that inluded all the class and ID's necessary for back-end

Designing the layout placement for the APIs

Placement of the background title so that it doesn't get in the way of the functionality of the site

Tasks


Use bootstrap frontend css framework and create our own style to display the content on website when backend returns the data.

Discovered more elements within bootstrap to handle parallax and implementing it for each section of the presentation

Researched ideas and templates for the search bar and learned about specific classes that reference what the user types in

Used GIMP editor manage the backgrounds and provide fixed text to the background

Managing the website elements using Media queries so that it is functionable on all screen sizes including large projectors and mobile phones

Challenges


Timing of API calls, so that all content would display in an ordered fashion, as opposed to all at once.

Ensuring that the input form can still load new content after the initial call. The form needs to reinitiate API calls should the user decided to search another movie.

Accounting for edge cases, specifically when dealing with YouTube, as it should not load a video if there is no match for a movie.

Tasks


Deciding the APIs (giphy, omdb, youtube) that would ultimately be used to bring content to the webpage.

Writing the code that takes in input from a user, does an API call, and returns the requested information on the webpage.