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
Top comments (0)