Skip to content

Instantly share code, notes, and snippets.

@mkivanova
Forked from BearAlliance/instructions.md
Created March 22, 2018 23:04
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 7 You must be signed in to fork a gist
  • Save mkivanova/d2dab98922e5727cd4470c5d05696975 to your computer and use it in GitHub Desktop.
Save mkivanova/d2dab98922e5727cd4470c5d05696975 to your computer and use it in GitHub Desktop.
Pre-interview Code Project

Pre-interview Code Project

Use the Star Wars API to generate a list of the films that a particular character appears in.

Requirements

Submit an application that accomplishes the objectives below. Hosting is up to you, we only need a link to a working deployment of your project, and a link to your source code. We reccomend js bin and Plunker for free, all-in-one solutions.

Bonus points for SCM with github/gitlab/bitbucket + continuous integration and deployment to a real hosting service such as AWS, Google Cloud, or Heroku

Objectives

  • Allow users to choose a character from the provided JSON file
  • Upon selection of a character, the UI should update to display information about each of the films that that character appears in. Minimally: Title, and formatted ('Thursday, May 19 2005') release date
  • Do this with any js framework, and some kind of component-based pattern
  • You can only use the API routes found the provided 'characters.json' file, and the data returned from those calls
  • Don't load the movie data until the character is clicked
  • Don't show any movie information until all of the character's movies have loaded
  • Handle HTTP errors
  • Make it pretty! You're encouraged to use bootstrap or another css framework

Our favorite frameworks

Feel free to use any function library you'd like.

If you have feedback about the exercise, please include it.

NOTE: Obi-wan's URL is intentionally incorrect, please do not modify the JSON.


characters.json

    {
      "characters": [
        {
          "name": "Luke Skywalker",
          "url": "https://swapi.co/api/people/1/"
        },
        {
          "name": "Darth Vader",
          "url": "https://swapi.co/api/people/4/"
        },
        {
          "name": "Obi-wan Kenobi",
          "url": "https://swapi.co/api/people/unknown/"
        }, 
        {
          "name": "R2-D2",
          "url": "https://swapi.co/api/people/3/"
        }
      ]
    }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment