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

#bootstrap #javascript #bootstrap 5