Скачать или смотреть How to Create a Recipe Finder App with JavaScript | Step by Step Tutorial

#TheflutistProgrammer #webdevelopment #learnhowtocode
How to build a Recipe Finder App with JavaScript with no experience required at all and with detail steps for beginner developers

✨ What you’ll learn:
Use fetch to consume the third-party free API of TheMealDB
Use async and await to make fetch calls and format on json
Use try and catch to manage happy path and error scenarios
How to create a modal with position fixed on CSS

✅ Watch This Next:    • How to Build a Quiz App with JavaScript | ...  

⁉️ QUESTION - Have a question about Youtube or online video ? Drop in the comments and I will be more than happy to help you 😊!

💻 Repository:
Github: https://github.com/The-Flutist-Progra...

🌐 Social Networks:
LinkedIn:   / carlos-miguel-hudson-d%c3%acaz-137045141  
Instagram:   / theflutistprogrammer  
TikTok:   / theflutistprogrammer  
Facebook: https://www.facebook.com/profile.php?...

TABLE OF CONTENT
00:00 Introduction
00:26 Like Subscribe Comment & Share
00:40 Live Demo of The Recipe Finder App
03:09 Create folder and necesary files for the project
04:00 Code on index.html file
04:49 Import Roboto Mono Font Family from Google Fonts
05:44 Conitnue coding on index.html file
11:18 Code on styles.css file
28:59 Code on script.js file
29:02 Create const variable to get Search input Text Field by document.getElementById()
29:23 Add event listener of enter to Search Input Text Field
30:14 Create function of getRecipes()
41:26 Create function of showRecipe()
49:14 Place console.log to see API response on showRecipe() function
49:45 Place console.log to see API response on getRecipes() function
50:19 Fix small typo error on search button
50:39 Test the Recipe Finder App
51:56 Fix small typo error of instruction not defined on showRecipe() function
52:30 Look for pork ingredient on the search bar
54:30 Conclusion


ℹ️ About:
In this video I am going to show you how you can create a recipe finder app with HTML, CSS and JavaScript step by step and consuming a third-party service called TheMealDB to get the list of available recipes