Giter VIP home page Giter VIP logo

mauraslavin / 07-movie-api-search Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 70.88 MB

Find information on your favorite movies, and suggestions for future movies. Group project using JavaScript, jQuery, Materialize CSS, NY Times API, OMDB API, The Move DB API, TasteDive API, Fontawesome, html and CSS. We used Kanban Project Management to track tasks.

Home Page: https://mauraslavin.github.io/07-movie-API-search/

HTML 12.18% JavaScript 67.70% CSS 20.11%
javascript jquery materializecss html css movie-poster finding-films movie-suggestions finds-movies

07-movie-api-search's Introduction

07-movie-API-search

Deployed app: Finding Films

Github pages: GitHub pages

Finding Films

This app finds movies similar to ones you already enjoy, to help you find a new movie to watch that you'll love!

  • Find movies you’re guaranteed to love!
  • Based on what you already adore.
  • Fantastically easy to search for new movies.
  • Stars! Ratings! Reviews! And more! Quickly and easily available.
  • Lots of pictures!

Technologies and tools used:

  • The following api's are used:
    • omdbapi.com for year, director, MPAA rating, stars, rotten tomatoes rating, poster, plot
    • api.nytimes.com for NY Times reviews
    • tastedive.com for suggested movies
    • api.themoviedb.org for the default movie
  • Materialize CSS
  • Javascript
  • jQuery
  • html
  • css
  • fontawesome

Using Finding Movies

The page loads with the most popular movie from "The Movie Database" API.

Displayed are the movie poster, and these details about the movie to the right of the poster: - Year released; - Director; - MPAA rating; - Stars; - Rotten Tomatoes rating.

The plot, a link to a NY Times review, and posters of suggested similar movies are displayed next.

Finding Films

The user can search a new movie in two ways:

  1. clicking on a recommended poster (which puts the movie name in the search field), then click on the search icon or hit enter; or
  2. entering a new movie name, and clicking the search icon or hitting enter.

The new movie is loaded the same as the first movie, with the first movie existing as collapsed element at the bottom of the page.

This process can be repeated as often as desired, with newly searched movies appending to the top of the page.

It is responsive to different screen sizes.

The following errors are caught and communicated to the user:

  • No movie found
  • No Rotten Tomatoes rating found (another pulled, or message saying none found if there are none)
  • No movie poster found
  • No other movie suggestions found

Let us help you find a movie you know you'll enjoy!

07-movie-api-search's People

Contributors

dahamilton10 avatar javayaga avatar mauraslavin avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

dahamilton10

07-movie-api-search's Issues

Suggestions not happening for default movie

This was done by taking out the html that created the default movie card, and calling the function in the js that builds the card. That way, the same thing is done for the first default movie as with the others.

Initial page

Wait until code to add divs is done before doing this.

"The Matrix" as a potential first movie loaded.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.