Skip to content

Latest commit

 

History

History
38 lines (27 loc) · 1.38 KB

README.md

File metadata and controls

38 lines (27 loc) · 1.38 KB
Raw

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.