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

   • How to Create Recipe Finder App using...  

#recipefinder #javascript #react #frontend #challenge
Explained creating Recipe Finder application using html, Css & JavaScript.
API: https://developer.edamam.com/edamam-r...

🍕🍕🍕🍕🍕🍕🍕
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/codew...

Note : I have not tested this code recently and Please use your own API Key to fetch recipes.