search

MikeWebPrint / movie-wishlist

Film Findr - Search movies by title, read info, watch trailers, and save your favorite movies for later to watch later
1 stars 0 forks source link
favorite-list movie-trailers movies youtube

readme

Film Findr

Description

The crew who worked on Film Findr wanted to give the user the ability to pull movie previews and information from a search bar and save their favorites to a personalized list. Film Findr gives people a convenient way to access their favorited list with a click of a button from the homescreen. This solves the issues of having to look up movie titles and their previews on separate applications. While we worked on this project, we learned how to fetch API's and incorporate them into a working app using JavaScript, CSS, Bootstrap, and HTML. Aside from the technical learning, we learned how to work within a group and divide up tasks, compromise our ideas to create a cohesive application, and work under time restrictions with our personal work schedules.

Usage

To use Film Findr the user searches a movie title of their choice and the app will pull results from the OMDB and Youtube API. OMDB: https://www.omdbapi.com/. YouTube: https://developers.google.com/youtube/v3. This will open a results section showing the movie title, poster, actor, director, rating, plus other information from OMBD and the movie preview from Youtube. The user can favorite a movie, by pressing the "Add to favorites" button, which will then save the information and add it to their favorite list in a separate section. The user can navigate to their favorites list and view all the previous movies they favorited. To view the movie information and preview again, the user can click their favorited movie and the app will bring them to the movie's information page. The user can delete the favorited movie from their list by clicking the "remove" button. Try out Film Findr here: https://mikewebprint.github.io/movie-wishlist/. The GitHub repository can be found here: https://github.com/MikeWebPrint/movie-wishlist.

Screenshots

Main screen of Film Findr Invalid search modal Search results from the OMDB API Movie preview from the Youtube API Shows the movie being saved to favorites Favorite list Favorite Removed from list

Credits

Mike Johnson: https://github.com/MikeWebPrint Ama Frema: https://github.com/Afrema90 Raied Abdelgani: https://github.com/raiedab Kevin Bell: https://github.com/gitkcb

The development team did springboard from two other projects for two features of the application. The animated search bar was modified from existing code by Albert Feynman: https://codepen.io/AlbertFeynman/pen/BPvzWZ.

The favorites list was modified from existing code by Nicole Weatherburne: https://codepen.io/nweat/pen/ZjyMEe