Skip to content

Instantly share code, notes, and snippets.

@jdrury
Last active July 2, 2018 14:35
Show Gist options
  • Save jdrury/c77c569d94adfd02f0ce387da43a52fd to your computer and use it in GitHub Desktop.
Save jdrury/c77c569d94adfd02f0ce387da43a52fd to your computer and use it in GitHub Desktop.
WorkStride FE Coding Challenge

WorkStride Coding Challenge

Objective

Create a master-detail view using the Star Wars API.

Requirements

On page load, the left-hand side of the UI displays the first ten characters from https://swapi.co/api/people/

When the user selects a character, the right-hand side of the UI displays the title of each Star Wars movie in which the character appears.

  • For example, clicking Biggs Darklight would display “A New Hope”

Use any JavaScript framework with a component-based architecture.

Bonus points

Don’t load the right-hand side until all of the requests for movie data have been returned.

On the left-hand side, the user can paginate to the next ten characters in the API.

Be creative about the information you display for the characters and the movies. Make it pretty!

Use routing to deep link to selected character views.

Deploy the code somewhere public (like heroku)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment