This application uses React and Redux to render the (V)DOM and maintain application state.
- Clone this repo
npm install
to install libs, thennode server.js
to run the webpack development server- Go to
localhost:3000
to use the application!
- react libs
react-bootstrap
- Bootstrap re-implemented in React.react-redux
- React bindings for redux
- redux libs
redux-localstorage
- Persist Redux store state locally (and optionally rehydrate).reselect
- Memoized selectors to compute derived data from the Redux store
- general libs
lodash
- General utility library
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.