How to Create Recipe Finder App using HTML CSS JavaScript Project 🍕🍕 | Responsive Design CSS

How to Create 🍕 Recipe Finder App using HTML CSS JavaScript 🍕🍕 | Responsive Design CSS https://youtu.be/qS0n3j73ARQ #recipefinder #javascript #react #frontend #challenge Explained creating Recipe Finder application using html, Css & JavaScript. API: https://developer.edamam.com/edamam-recipe-api 🍕🍕🍕🍕🍕🍕🍕 Timeline : ----------------------------- 00:00 Tease of application 00:52 Create Markup 03:00 Style using CSS 03:32 CSS variables 08:07 Calculate height using calc 08:40 Style Recipe element 13:02 API Details 15:14 Render Recipes dynamically JavaScript 15:40 Fetch API 18:38 Object Destructruing 20:24 IntersetAdjacentHtml 24:00 Add Google Fonts 25:15 Search functionality 28:17 Set Scroll position 29:10 Loading image --------------------------------- Source Code: https://github.com/codewelltech/codewelltech.github.io-recipefinder/tree/main Note : I have not tested this code recently and Please use your own API Key to fetch recipes.