Technologies: HTML, CSS, Vanilla JavaScript
This is a simple app for users to enter recipes and reference
them. There are two views, the "main" page (list of
recipes) and the "edit" page (to view and edit recipe
details). The user can select the ingredients that they have on
the edit page. On the main page, each recipe has an ingredient
status of "all", "some" or "none"
which can also be used to filter only recipes that the user has
all ingredients.
Created with HTML and made responsive with CSS; this project was
created to demonstrate DOM manipulation using vanilla
JavaScript. The JavaScript code is utilized for various
capabilites including filtering data, saving in local storage
and most importantly DOM manipulation.
