Recipe App JavaScript Project with Bootstrap 5

In this video, we’ll build a recipe app from scratch using Bootstrap and Vanilla JavaScript. This JavaScript project will include: - the Bootstrap CSS framework - capturing form input - using Dom Purify to clean user input and avoid cross site scripting - creating custom events to trigger UI changes and saving to local storage - .map() and .filter() array methods, and more ## Links - Repo: https://github.com/coding-in-public/coffee-recipe-app - Live version: https://codinginpublic.dev/projects/coffee-recipes/ ## Timestamps 0:00 Introduction 1:53 HTML/CSS 11:23 JS (global query selectors) 12:32 JS (capture form input) 17:40 JS (display recipes in UI) 25:02 JS (purify user input) 27:44 JS (create custom event) 30:01 JS (save to local storage) 35:11 JS (delete recipes functionality) 39:26 Conclusion