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.