Git Product home page Git Product logo

express-apis-omdb's Introduction

#Express with APIs - OMDB

We'll be creating an app that connects to OMDB, a public movie API.

##Getting Started

  • Fork and clone this repository, which has a starter app provided for you.
  • Run npm install to install dependencies
    • If installed, nodemon should start and refresh your app when changes are made
    • npm run lint:js - lint your JS
      • Note that from here on out, the JS linter will automatically fix most issues with spacing, quotations, and semicolons. More information here
    • npm run lint:css - lint your CSS

User Stories

  1. As a user, I want to go to a home page to search a database full of movies.
  2. As a user, I want to see movie results based on my search query.
  3. As a user, I want to pick a movie result and see detailed information about the movie.

Requirements

  1. Create a form that sends a query and gets a list of results from the OMDB API. Read over the documentation to see the endpoints needed.
  • This form should have a GET method, with an action of /results
  1. List the results on a separate page. You may want the route to accept a querystring so users can easily go back to this page.
  • Example: /results?q=star+wars
  • Use req.query to access querystring parameters.
  1. From the search results page, we notice along with every movie entry there is a IMDBid. Have each movie link to a route like /movie/tt234323. Take the parameter from that url and make an additional API call to retrieve movie details related to that imdbID
  2. Create a new route that takes the paramaters of theimdbIDin the url on a movies controller. The route you will need to make will look like /movies/:imdbId. Using the data from req.params make a second api call to the api to get the movie details.

##Tips

  • The data object we get back in a request callback, is a string of the data. Use JSON.parse(data) to turn that data back into an object.

  • The movie api returns an array of movies inside the Search Key.

  • Example Search URL

  • Example Movie Detail URL

  • Make sure you call res.render inside the callback function of the request.

##Bonuses

  • Add stars images to reflect the imdb ratings
  • Figure out what parameters are need to access the Rotten Tomato information, and display that information to the page
  • Add the ability for users to add movies to a favorites list, and save that list as a JSON file

Licensing

  1. All content is licensed under a CC-BY-NC-SA 4.0 license.
  2. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact [email protected].

express-apis-omdb's People

Contributors

bhague1281 avatar mullfuchs avatar

Watchers

 avatar  avatar

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.