Build a Recipe App with Vanilla JavaScript

[@learncode5110]

Brother very cool web app but my suggestion is please teach with explanation for better understanding, public understands by explanation not by just watching. Please this web app is really awesome just loved it and all public loved it.. please make similar webapp with explanation.

[@anonymousa3816]

I haven't watched the whole video yet, but I have seen the demo, and I'm sure I will get alot to learn Your projects require an Oscar, because you are providing it for free, I am literally serious

[@ZeeProductions2001]

Bro I appreciate you for existing on the planet as a developer I'm broke as shit and in need of a better job but most employers want the best of the best work and the fact that you do that consistency for free I think you should charge more for the code files you can pay your bills on time respect ❤❤❤🔥🔥🔥😁😁

[@codewithsadee]

Thanks brother ❤

[@gabrielosorio4908]

I just finished this application and I learned a lot. The code is so beautiful that it doesn't even need an explanation. I wish you lots luck. Directly from Brazil

[@codewithsadee]

Thank you so much for your kind words! I'm thrilled to hear that you found the application helpful and that you appreciated the beauty of the code. Your encouragement means a lot to me. Sending warm regards back to Brazil! 🇧🇷 Good luck with your future endeavors!

[@YouTube47hd]

can you please share me your github link so i can solve the error in my code

[@PratikshaIngale-s3s]

Can you send me the source code pls

[@codewithm_k7568]

Once i saw your video and i feel like it's just basic then i saw another and i got shocked by your creativity now I'm your top fan thank you so much for such amazing portfolio projects 🎉

[@codewithsadee]

Thanks for your comment! I'm glad you enjoyed the portfolio projects and became a top fan. Your support means a lot to me. Thank you! 🎉

[@flaviomacariodesouza2325]

What an incredible project, more than a programmer, you are also an artist!

[@codewithsadee]

Thanks man!

[@ahmedjaber8595]

This is the best KZbin channel I have found to learn JavaScript (+css) before starting any framework such as Next.js and others. It has good quality content, many tricks, a great structure, and all resources are available and well-organized. I plan to follow one of your videos each weekend. Thanks ❤

[@codewithsadee]

Thanks, and good luck

[@DadaDuyilemi]

Amazing web application, your hard work and dedication is inspiring

[@abdgame2025]

Bro, you are the best developer I've ever found in this "universe" of KZbin. I believe that it is impossible for there to be another professional who surpasses you. I feel honored to have access professional content like the one available on this magnificent channel. I need to start receiving KWD to pay for a million cups of coffee, for you, as a way of saying thank you...

[@codewithsadee]

Thank you MQ ❤

[@ZeeProductions2001]

Factz best one out here worth millions put respect on sadee name

[@pogboii]

i totally agree

[@pogboii]

you are so awesome and so talented. you really are the GOAT. please never stop making videos. much love man

[@codewithsadee]

Thank you for your kind words and support! I appreciate it a lot. I won't stop making videos. Much love!

[@gabrielcarmnn]

Dammm this man eats html , css and js , he knows what he is doing ✅

[@codewithsadee]

Yeah I'm trying to eat 😂 By the way Thanks 😊

[@KINTUALEXLADWONG]

I love your work, sir. God Bless you!

[@codewithsadee]

Thank you so much for your kind words! 😊🙏 God bless you too, and I truly appreciate your support! 💖

[@niteshprajapat7918]

from beautiful design to perfectly implimentation.... everything was just awesome 🌟🔥 Thank you Sadee Sir ❤

[@codewithsadee]

My pleasure dear! ❤

[@bilal5488]

Another master piece ❤️

[@codewithsadee]

Thanks

[@kooyaw4445]

You are amazing brother. Bless you

[@codewithsadee]

Thanks ❤

[@flaviomacariodesouza2325]

Too bad I can only give one like, it deserved 1000 likes

[@ChingizPanahli]

You are the best. Keep it up bro

[@lamthat]

Wouldn't it be more correct to create an "data-slider-wrapper-${index}" attribute instead of just "data-slider-wrapper" on 2:43:09 and select it then as "document.querySelector(`[data-slider-wrapper-${index}]`)"? Because otherwise, the second slider will simply select the data-slider-wrapper from the first slider, which is already in the DOM, and overwrite it with second slider data. Thank you very much for your amazing tutorials!

[@martis-tic]

Your are The Best👏👏👏👏

[@codewithsadee]

Thanks

[@uminhtetoo]

Thank you so much for sharing, Sir.

[@codewithsadee]

You're most welcome 😊

[@mertcanoncul]

king is back !!

[@ভোমরা]

Nice Bhaiya❤🇧🇩

[@6.squash.936]

Once again the King is Back with a Bang💥💥

[@codewithsadee]

Thanks

[@dimasnytin]

Beatiful project ❤

[@codewithsadee]

Thanks 💜

[@AyyubMagic]

Just amazing !! ❤❤

[@codewithsadee]

Thank you for your amazing support! ❤

[@ghost_freak2368]

1:40:44 .card:not(:has(.skeleton)){ this whole code in not running only and also the webkit-line-clamp one also can you tell me any other way to do this or how to correct them

[@iiknowgodexisted]

Please make more no framework interactive websites videos like this

[@TrendGeoNews]

Hi, at 2:13:40, line 21, when I put the backticks around `&${query}` I have an error "Cannot redeclare block-scoped variable 'query'"

[@Psychewukong]

i think the variable that you're trying to access is block scoped and you're trying to access it outside that block.

[@071NellyTheMasterBeat]

you the best bro god bless u

[@codewithsadee]

I deeply appreciate your generous words of praise! Your support means a lot to me, and I am grateful for your blessings.

[@atikekeresoladamilola535]

Well done sadee Did you use api in this video before i dive deep into a 5hrs video long😊

[@ghulamali3382]

Awesome design! From where you learned coding and web development, I also want to learn html CSS and js..

[@cienmas]

In at 2:39:46, if you delete that saved recipe and then go to the Lunch tab, it gives you this error: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '0') Does anyone have the same error?

[@codewithsadee]

Join our discord community if you get stuck or need help Discord: discord.gg/DhhydBpPFp

[@kjbassu]

Kudos to your work sadee 🙏🙏, can I know which extension you are using to stick tht google tab to vs code tab, Please reply if u seen this comment 😊😊

[@davebudah]

This is impressive.

[@codewithsadee]

Thanks Dave

[@HemantKumar-kf5hy]

.svg image is not rendering...Any suggestion to solve this issue??

[@gudluck927]

Bro please upload with audio and teach us with explanation.. it help us

[@_insanebuddy]

Long time no see sadeee sir. You are one of the finest developer. Can you share the resources, which you referred while learning frontend development ?

[@codewithsadee]

Hey there! It's great to hear from you! Thank you so much for your kind words; I truly appreciate it. When it comes to learning frontend development, I found several resources extremely helpful. Here are a few that I recommend: FreeCodeCamp (www.freecodecamp.org/): This platform offers an interactive curriculum with hands-on projects covering HTML, CSS, JavaScript, and more. It's a fantastic resource for beginners. MDN Web Docs (developer.mozilla.org/): This website provides comprehensive documentation on web technologies, including HTML, CSS, and JavaScript. It's an excellent reference for both beginners and experienced developers. Codecademy (www.codecademy.com/): Codecademy offers interactive coding exercises and tutorials for various programming languages, including HTML, CSS, and JavaScript. It's a great way to practice and reinforce your skills. Frontend Masters (frontendmasters.com/): This platform offers in-depth video courses taught by industry experts. It covers a wide range of frontend development topics, from foundational concepts to advanced techniques. CSS-Tricks (css-tricks.com/): CSS-Tricks is a blog that provides valuable tutorials, articles, and resources related to CSS. It's a fantastic place to enhance your CSS skills and stay up-to-date with the latest trends. Remember, practice is key! Don't hesitate to work on personal projects or participate in coding challenges to apply what you've learned. Best of luck on your frontend development journey! Let me know if you have any more questions.

[@_insanebuddy]

thanks sadee sir

[@ogarjosephodama1878]

Thanks, can you make video on oil and gas website and features?

[@kelvinnwachukwu8141]

Your videos are amazing but again it will be difficult to understand if you don’t speak because most of your viewers are beginners who will need to understand why you use certain styles and so on Thanks

[@mikhaildolgov]

Super!!!

[@codewithsadee]

Thanks Mikhail

[@Ilab_basketball]

I watch some of your videos you have cool videos the only things maybe is you should interact with your audience by talking, may giving tutorials while building the projects

[@Cricketlovers786-c2e]

Thanks sir but I request you make a website involve Frontend + backend

[@parthivjoshigaming]

if we want to open the program without live server than api is not responding for that what should i do? in live server its completly running but directly through the index.html file api is not responding please help sir 🙏🙏🙏🙏🙏

[@six_yt]

Make one of movies only for blogger please 🙏

[@chinweokorie1949]

good man! Does it have any backend

[@psychedelics6333]

dude you make great websites and i really love it and i want to ask you if i can code this sites and edit the design and some function and show it on my portofolio if thats okay with you ^.^ please answer me and if it not ok i wont put it keep it upp :D

[@codewithsadee]

It's okay, you can use 😊

[@psychedelics6333]

@@codewithsadee much love mate 💙

[@sodasoda-ml4iw]

reat hope yu create many website

[@Rdrudra99]

Brother which software you use for your keyboard sound is it mechvive ?

[@moeheinkhant9356]

Can i know which font you are using in Vscode?

[@codewithsadee]

cascadia code

[@Kingdom_brand]

You are really one of the best front end developer I have seen on KZbin. But PLEASE ADD AUDIO!!! Without audio it's just copy and paste and we won't know why some stuff work or why you did it that way. PLEASE FOR THE LOVE OF GOD PUT AUDIO!!! 😂😂😂😂

[@codewithsadee]

Thanks for the feedback! I'll try to add audio to my videos. If that's not possible, I'll find alternative ways to explain the content effectively. Your support is greatly appreciated! 😊

[@alialiev4667]

Please tell me how I can get the layout. I'm from Russia, I can't do the translation ? (( thanks for the answer

[@rahimibadov2940]

Very good project. But Im afraid in the end API will be 403..error.

[@PratikshaIngale-s3s]

Mrin5 times ye code liha hai but khuch to khush problem aa raha hai to kya app ye source code de sakte hai kya

[@jagruthisachinpoondrrikaks2266]

The api is now not free can anyone pleasev recommend any other api also other than the mealdb one.

[@sonnguyen-ci4gj]

same with me

[@jagruthisachinpoondrrikaks2266]

@@sonnguyen-ci4gj there is one called the meal db but it does not have wide varoety of cuisines

[@danishafzalkhan]

Legendary

[@cubedev4838]

Please make webs that can display alquran api, prayer time api using html css js

[@codewithsadee]

Noted

[@Eternal.Growth]

How you did this thumbnail, using which app or website?

[@morviousgaming2838]

hy I want to get membership but my card is getting declined can you add upi option.

[@uodige1]

how can I improve my html css and js like you?

[@drzakirnaiklects]

Can you please provide me starter code , because index.html files are empty 😟😐

[@codewithsadee]

I shared, Check the description below.

[@ademhos5287]

may ı use this project on my github ? I will do some changes on this project

[@codewithsadee]

Yes u can

[@Azhar-d7l]

can i make copy of same website and publish it is it copyright

[@usamaramzan2497]

can you please tell me the theme and font name of vs-code ??

[@codewithsadee]

Noctis

[@veeralnarang7454]

Does it have cooking instructions???

[@arushkumar7661]

try to make a space related website Edited:- Please like guys

[@22EUIT138-Priyatharshini]

this viedo zipfile is not avaliable plss snd zip file

[@vision_lc]

.btn-primary:where(:hover, :focus-visible):not(:active){ background-color: var(--primary-hover); } what does this do :where(:hover, :focus-visible):not(:active) what is this plz reply shadee sir 😉

[@vision_lc]

i learn this from your video .btn-primary:is(:hover, :focus-visible){ background-color: var(--primary-hover); } :is concept in css what is :where :not(:active)

[@codewithsadee]

@@vision_lc This mean any "btn-primary" that hovered or focused (using keyboard) but not in active (mouse click or hold) state, On that situation btn-primary background color will be "primary-hover".

[@PratikshaIngale-s3s]

Can you send me the source code of the project for the education and study or practice purpose

[@codewithsadee]

All the source code are available on my patreon and buymeacoffee

[@posieden1664]

hey i have buy your membership so can i cancel after 1 month ??? please answer me sir

[@codewithsadee]

Yes, you can.

[@posieden1664]

@@codewithsadee thanks 🙏 but i won't do it ( just want the information ) coz i like your content.

[@HemantKumar-kf5hy]

in detail.js I am getting error 'detail.js:40 Uncaught (in promise) ReferenceError: cuisineType is not defined' . Anyone has any idea how to solve this??

[@codewithsadee]

Sure, join our discord community to discuss about it

[@mertcanoncul]

Brother, I just started looking and I'm writing code while watching your videos, will this cause a problem? and how was your learning

[@codewithsadee]

If you get any problem during the project, then you can join our Discord community to discuss about the error.

[@mertcanoncul]

@@codewithsadee thanks, I can't get any problems during the project, but when I try to make it from scratch, I can't. I asked this :/

[@codewithsadee]

Yeah I got this. First of all, always start with a easiest project and breakdown all problems into sub problem, and then fix them all step by step. And remember that you have to complete the project, it doesn't matter how your code looks like or how you fix the problem, gradually your coding skill will be improve.

[@mohamadsayyah7703]

the (home) javascript is not working i tried 100 times to fix it but im done with it

[@codewithsadee]

Hey Mohamad, join our discord channel to discuss about this issue: discord.gg/DhhydBpPFp

[@faisalalasadi7469]

Bad website you are showing the ingredients but not how to prepare the meal section !

[@JoseSoli]

when do you going to be online I want to meet you

[@oppomobile-ur4jd]

Please new tour booking website... making

[@KINTUALEXLADWONG]

I bought this because I thought the API was included, and I was a bit disappointed.

[@lordhakim9534]

if possible can u build bet365 clone

[@ayodeletaiwo4755]

the figma link is broken

[@codewithsadee]

Hey can you join discord server and share screenshot.

[@SpeediBoi]

Bro i have problem buying source code as my bank doesn't allows international payments. Can i buy it personally from you?

[@ИззатТурсунов]

Talanted

[@codewithsadee]

Thanks

[@mohammadismaiel]

Brother make a social media clone like facebook with free source code Please

[@AshikRahman-fw3sv]

Full Stack online marketplace make video 2023

[@royalshorts1527]

This is not beginner friendly videos

[@avamartt]

A great video 👍👍👍👍🌸🌸🌸 hello, I also have an art channel if you are interested

[@abahiduh3246]

Actually unsubscribed when I realized that there is no volume

[@Rahul-jt1ys]

Project is too good, but this way way you write project is very bad🙂🙂

[@antonija2602]

As a beginner, I would like to know what exactly is bad. Could you explain it thoroughly?

[@22EUIT138-Priyatharshini]

.

[@TechnologyRelatedStuff]

Brother very cool web app but my suggestion is please teach with explanation for better understanding, public understands by explanation not by just watching. Please this web app is really awesome just loved it and all public loved it.. please make similar webapp with explanation.

[@AshikRahman-fw3sv]

Full Stack online marketplace make video 2023