badarahmed / recipe-microapp

A frontend microapp using React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Recipe MicroApp

A frontend microapp using React.

To run, clone the repo and run index.html from local filesystem in browser.

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.

About

A frontend microapp using React


Languages

Language:JavaScript 98.5%Language:CSS 1.5%