Skip to content

Instantly share code, notes, and snippets.

@thenanyu
Forked from vincentwoo/client_services.markdown
Last active December 21, 2015 21:49
Show Gist options
  • Select an option

  • Save thenanyu/6371126 to your computer and use it in GitHub Desktop.

Select an option

Save thenanyu/6371126 to your computer and use it in GitHub Desktop.

Everlane Frontend Exercise

Using HTML, CSS, and JavaScript, you will create a tool that allows a user to drill down through a tree of categories and select a final category.

The taxonomy data is represented as a tree of categories. A category can have any number of children. A category with no children is considered a selectable category (categories with children should not be selectable).

The taxonomy data is located at https://gist.github.com/5527862

Features:

  • Allow the user to drill down through the categories (without displaying the entire hierarchy at once) and select a single leaf node.

  • When the user selects a node, breadcrumbs should be populated with the currently selected path, Eg. "Books > Fiction > Science Fiction"

  • Allow the user to backtrack back up the hierarchy and select a different category if they are not satisfied with their current selection.

  • Provide a globally-scoped JS method that allows me to select a category via JavaScript: "setCategory('112')" This would potentially be used to pre-select a category on page load.

  • Display the "description" information for the currently-selected category (at each depth).

Use any open source libraries / frameworks that you want.

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