Weather App using HTML CSS and JavaScript

[@codetraversal]

Next Topic kya rakhe?

[@SKJ315]

mam kuch 3d animation

[@jhonsnow534]

Koi game Ya fir mail box form type

[@sahilfitnessfacts4158]

E commerce website

[@TapaNKSamaL]

Make a Introduction video, and give ur background & profession details.

[@RandomVedi0]

Responsive portfolio using html css and javascript

[@aachalagarwal2752]

I usually don't comment but your teaching method is highly appreciable. This is the best explanation ever for a beginner! U did a great job!!

[@codetraversal]

Thanks a lot

[@Daily-Vision]

One Short Video HTML, CSS And JavaScript 😊

[@ranuthakur8545]

Mere me error aa gya h .....cannot read properties of undefined (reading 'temp' ) at checkweather ...ye error aaya h ye kese fix hoga plzzz bta do

[@technicalstatusmuna4594]

Mera bi ho raha hai

[@somubera6561]

Your teaching style is really awesome.. thank you so much for your great effort..

[@codetraversal]

Glad you like it.

[@ZeshanMukhtar1]

Thank you 👊 , I made weather app already but this weather app clears all my concepts, you got 1 subscriber , love from Pakistan ✨🌼

[@codetraversal]

Glad to know that.

[@vishalkumar-fb5ih]

i have waited for almost 7 hours but API is not working

[@anushkanegi7775]

I don't know why but mera program chl hi nhi rha h image bhi nhi ari website pe work hi nhi krra sab kuch kr diya mne sb same same likha h sab download kr diya kuch nhi hora

[@learner-gs8vm]

All of your videos are outstanding and the method of your teaching is so brilliant. Keep going with the best of you.

[@gabrielcarmnn]

Is she speaking english or indian ? Or both at the same time ?

[@ashutosh61290]

indian, hindi language

[@rashmi_t]

I watch your video 1st time. and i can say you are brilliant teacher. very clear instruction and detailed explanation. You earn New subscriber. May Almighty bless you.🤗

[@happymishra9611]

Next video kab aayega??

[@codetraversal]

Soon

[@stockmarketanalysis2895]

adding this website with backend

[@rahul-zs4ud]

My api key is not working even after a day i try'd it two times in two different day's .... in console at first there is an error say's....the api id is invalid but now it say .... 400 ( bad request) and cod: '400' , message : 'bad query'..... Can you plz tell me how to solve this

[@happymishra9611]

Awesome 👍 thanks for this video

[@debangadutta4746]

i wanna use some animated svg icons in the project.. i imported them .. but in the css file when in change the width to 60% , the sg not scale down. 11:06.. how to solve ??

[@codetraversal]

By merely adding CSS height and width properties to the img tag, it is not possible to resize an SVG picture. Give inline CSS (width or height) to the svg element that may help.

[@Rahulkumar-s5v5q]

thank you so much Didi for providing practical knowledge on most important topic and covering all aspects of the project and teaching zero to hero level concept

[@dayanandsharma2625]

Mam images ke link dedo

[@codetraversal]

Uploaded. Check the description box

[@dayanandsharma2625]

Thanks

[@SKJ315]

Mam assets file copy kese kare 😢 Weather image add kese kare

[@codetraversal]

Download and save all the images in your computer and copy asset folder in the same folder in which your other code files reside. Then you can acces them in VS Code.

[@panktichaudhari]

Hey, just finished this tutorial. Your teaching skills are too good. Haven't found this kind of great vedio with deep explanation. One day you will reach 1m. Keep uploading new projects. I'm going to watch all of your tutorial.👍

[@codetraversal]

Thanks a lot.

[@kumarvansh007]

I also made a channel making these type of videos i lnow the effort which goes more in editing these videos🫥

[@codetraversal]

Yes, a lot.

[@kumarvansh007]

@@codetraversal btw which editing software u use

[@codetraversal]

Shotcut

[@rahulpandey5094]

e-commerce & personal porfolio website please.

[@11csepratikshaargulewar71]

in this line of code searchBtn.addEventListener('click',()=>{ checkWeather(inputBox.value); }); i am getting this error Uncaught TypeError: Cannot read properties of null (reading 'addEventListener') at Weather.js:54:11 can anyone tell me why am i getting this error?

[@codetraversal]

Watch the video once again or acess the code. If still gets an error comment down here.

[@CodeLearn2715]

const searchBtn = document.querySelector('#searchBtn'); if (searchBtn) { searchBtn.addEventListener('click',()=>{ checkWeather(inputBox.value); }); } This code checks if `searchBtn` is not null before adding the event listener, which should prevent the error from occurring.

[@jhonsnow534]

Thanks 🐱🐱🐱 Im going to learn and khud se edit krunga

[@codetraversal]

That will be great👍

[@mohammedsaif5601]

Can i plz know by using which software output is running in chrome

[@Parthj426]

Really great lecture , i was searching for this weather app video. after learning basics , i used this video and chatgpt for some new concepts and learned a lot new advanced things today. Now feeling confident in this . Thanks , u have got a subscriber.

[@codetraversal]

Glad to hear that!

[@UdayPatil-ci4lc]

Mam can you give the source code of this weather application

[@_7Spike_]

Api key invalid even i waited more than 5 hours what should I do

[@codetraversal]

It may take sometimes more time. My API key works after 8 hours.

[@EducatorKaran_1]

Plz upload a video of how to make weather app using python

[@nishalbudhathoki8288]

Someone please reply how to merge vs code and output in same screen

[@redmilala7417]

keep it up mam ......i need your guidance

[@djfago6240]

my favourite developer .

[@zutonislam-pu2mv]

Thank you for explaining so well.

[@1shAggarwal]

Mam Very Cute . . . . . . . . . . . . . . . Project It Is 🎉

[@CodeLearn2715]

I am glad to thank you are video is very helped me and this is also helping in my front-end project.🤞❤❤🎉🎉

[@shubhamchauhan6340]

Outstanding explanation... thanks mam

[@jhonsnow534]

can you give me source code or github link plz ?

[@codetraversal]

Added in the description box. You can access it.

[@Irfanwrites1]

love from pakistan your teaching of method is unbeatable

[@manishapal1972]

Yr last weather body display flex kr rhe h to error de rha h

[@biswajitmaity8169]

Waiting for the video

[@cs-rohitsahu4943]

Hats off to your effort !

[@assignmentonbiologytopic9512]

Superbbbbbbb. We need more. Js project plzzzzzzzz appuu 💯

[@codetraversal]

Definitely

[@kumarvansh007]

Will it show any place's weather..or what we will put in code will show that only??

[@codetraversal]

Any Place... You can watch the video I've shown that.

[@kumarvansh007]

Oo

[@princebhai93]

Weather Wali images ka background sahi nahi a raha he mam

[@AryanPatel_01]

❤❤ ATI sundar didi😊

[@vishalshakya4160]

hello .. i ca't access .. its showing and I use some free API but its not working .. can give me some other free API ???

[@codetraversal]

Yeah....you can use Rapid APIs.

[@itssuhanisinha1986]

Failed to load resource: the server responded with a status of 403 () index.html:84 Live reload enabled. favicon.ico:1 Failed to load resource: the server responded with a status of 404 (Not Found) I am getting this error, even though i copied source code . It's not running properly. Please help me with this.

[@swagatchandrajena6707]

Why my weather img is not loading

[@sunildash5434]

aapki voice sweet hai

[@jhonsnow534]

Can you share me your LinkedIn id?

[@edugaru2480]

Thanks alot for the video

[@kumarvansh007]

Really good mam

[@codetraversal]

Glad you liked it🙂

[@kumarvansh007]

@@codetraversal make more🤗

[@codetraversal]

Definitely

[@KhalidKhan-jc9ut]

Mam aap fast batati ho image change nahi ho rahi hai error nan

[@2TIME143FAILURE]

Keep it up ❤

[@GignGag]

🙏🏻🙏🏻🙏🏻 your efforts are really making an impact... thanks for making such useful content

[@codetraversal]

Glad to know that.

[@sonupatro4851]

Thank you so much madam apke jaisa koi nhi padha skta madam ❤❤❤❤

[@selfmade7933]

Thank you so much di thank you so much

[@insanebgis582]

Thnxx !! Good For Project

[@krishnamohanshukla4300]

Your voice is very sweet...And also teaching style is good .. upload next video 😊😊

[@codetraversal]

You can check the latest video.

[@mohitroy5109]

😮😮 nice

[@wahidahmed9890]

thanks maam your video is very helpful for beginners

[@codetraversal]

Glad to know that.

[@ranjan_kumar_]

Hello didi please reply kro..... aap vs code me hi live server chala ke index.html ka result bhi dekh leti ho mujhe bhi batao.....

[@factaman07]

Bhai html fiile m hi option aata h

[@gauravpatil7983]

Thanks for the knowledge. got to learn so many things in single video,, Soon complete all the projects in the coming days.

[@codetraversal]

Glad to know that.

[@abhishekbhat2692]

Image's background colour is not changing into white. How can I solve the problem??

[@ArmeenAshfaq]

where is the assst folder mam

[@vectorgraphics2684]

You Deserve More Than You Have😊!

[@tanisharattan4325]

It’s showing location not found no matter found . Even when I’m not typing anything it’s showing location not found !!

[@vivekanand5900]

Nice video. Please upload more videos regularly. Thank you 😊

[@WebDevXpert]

How To Create Weather App in HTML CSS and JavaScript || BY Pro inTech - No Talking : kzbin.info/www/bejne/o4rHaoxoh9Kni5I

[@Som-ok8te]

Mam can I add this project in my resume...???

[@codetraversal]

For resume you should add some more functionalities to this web app.

[@HemanthKumar7227-1]

do project to create a website normal website with background cool like shooping sites amazon etc

[@codetraversal]

Will make it

[@HemanthKumar7227-1]

@@codetraversal i love your videos so good girl 🖤❤️☺️☺️

[@princebhai93]

Mam dollar access nahi hi raha he

[@sagorsaha8012]

"Invalid API key ,,how i slove this problem?

[@mohammadramzan3772]

Can you copy microcontroller MPC 5553...copy All program????

[@amer-pt7nw]

Keep going but speak English please

[@akashbehera6728]

All images not updated 😢 only one image showing repeatedly

[@dibyasreebasu]

same problem...what to do

[@arushitiwari5523]

Your explanation is too good which makes everything soo easy

[@duskdash5]

Didi, search icon dikha nahi raha. Rendered size= 0x0 dikha raha hai?

[@codetraversal]

Make sure you should have internet connection as we are using font-awesome icons in this project.

[@surajkumar-zq9fh]

I have one question. I am making a weather based website too., But I have an issue regarding the api, whenever I try to show the icons based on the description of the weather and I reload the whole page but then the whole weather array id changes and logo is not displayed. How can solve this problem.

[@swarupghoshdastidar5902]

nice...app java script ka tutorial-do acha hoga....

[@codetraversal]

Sure

[@ScavengerYT9]

33:00 when I was clicking on search by giving the city name nothing came on the console tab...

[@codetraversal]

May be your API key not working. Refer the source code or you can watch the video to rectify the error.

[@ScavengerYT9]

@@codetraversal yes i think api us not working...bcz i have copied your whole code and saved it, then run it. After that also nothing is coming. The issue is from the api side i think.

[@codetraversal]

You should generate your own API Key. I have showed in the video how to get the key.

[@ScavengerYT9]

@@codetraversal i have already my own key...that doesn't work. My api key - d932afe7c43d39d5ae9fa93adf1324a2

[@ScavengerYT9]

@@codetraversal tbh the way you taught i appreciate your skills...i learnt alot

[@kumarnavinsingh9353]

Unchecked runtime.lastError: The message port closed before a response was received - I am getting this error ? how to resolve this ?

[@charbilysf7592]

The api is not the same anymore

[@subhankarsahoo8207]

The api is working now ?.

[@manishapal1972]

Btao kaise sahi hoga vo error

[@abhishekbhat2692]

API is not working. Can anyone tell me how can i use API key??

[@eduvoicevisionstudio5527]

I face problem with JavaScript please guide me

[@mohitroy5109]

Ap source code free mai dete ho😃😃 or acha design ke sat

[@codetraversal]

Yes

[@manumedleri1355]

Mam u told solution of everything that might make us feel stuck somewhere in the middle , tq lot I am going to like , share and subscribe , I can understand ur efforts explaining the each code line by line it's very helpfull for beginners tq very much , continue the same , we like to see u grow 🌿

[@devanshbhardwaj4049]

Your code is same as Asmr programming channel. 😊 You should have did on your own. Because your teaching style is good

[@ballagtech7430]

Helpful video ( Please Provide asset folder)

[@GeoSyncYT]

Bro you take full code from my channel @codewithparth

[@codetraversal]

Okay

[@codetraversal]

Uploaded. Check the description box.

[@RakshithHb]

how to add this project to linkdien and work without running code so that it would be helpful for finding jobs.looking for your reply

[@MuhammadAhsan-sn2ws]

Images nh LG rae 😢

[@ahmadgamal6802]

Why are you using ` ` instead of writing the variable directly, I didn't get it?

[@raogaru306]

Very informative video❤

[@codetraversal]

Thanks

[@indurani5744]

you earned a subscriber/student forever....thank you for such wonderful project with so easy and detailed explanation .....keep coding ...keep uploading....

[@Tsaranyasailakshmi]

in javascript while adding the api key its showing that it is an invalid key so how to slove this errror?

[@citizenofearth001]

after searching weather of any place, weather picture not loading

[@edugaru2480]

Thanks alot !!

[@jisanahamedjisan]

Hi ! Your Teaching Style Is Really Great. And Your Voice Is So Cute. Love From Bangladesh 🤍

[@11t.y.hrutujamahadik90]

thank you its very helpfull

[@codetraversal]

Glad to know that