Demo

[jQuery v1] (http://chhuang.github.io/frontend-code-test/jquery/v1)

[jQuery v2 (Revealing Module Pattern)] (http://chhuang.github.io/frontend-code-test/jquery/v2)

Install

git clone git@github.com:chhuang/frontend-code-test.git
cd frontend-code-test
npm install
npm start
http://localhost:3000/jquery/v1 or http://localhost:3000/jquery/v1

DataScience's Frontend Code Test

This is an at-home exercise that we use as part of our standard interview process for frontend and full-stack developers.

Instructions

• Clone this repo
• Complete the exercise and submit either a zip of the solution or a link to a new repo
• You may use any resources, frameworks, libraries, etc and style the markup however you like.

Requirements

Using the provided JSON data representing a collection of meal recipes, create a micro frontend application that meets the following criteria:

• Display a list (or table) of recipes.
• Allow filtering of recipes by a single ingredient.
• Add checkboxes to allow selection of multiple recipes.
• Show an alphabetically ordered list of distinct ingredients for the selected recipes. This should update as recipes are selected / unselected.
• Persist the selections locally and regenerate the view on page refresh.
• In a README note any required setup to be able to run the app, such as modifying hosts file, etc.