About Awesome Recipe

Awesome Recipes

Look at all of these happy people

Awesome Recipes is a Javascript and Vue.js-based recipe editor. It uses local storage to preserve recipe objects. It was styled with SASS and its assets were compiled with Webpack.

The Recipe Editor works by receiving a filename. If a filename is not specified in the editor from the View Page, it prompts the user for one. It then loads a saved recipe object into its interface for editing. The user, while filling out the recipe form, has the option of overwriting the existing recipe file, or creating a new one, by modifying the filename field.

This project was made for WDV321 Advanced Javascript by Tanner Babcock. It was designed and developed in October and November 2020. You can browse the source code here. The web app implements responsive design by incorporating both portrait and landscape screen-based styles.