Build A Weather App in HTML CSS and JavaScript | Weather App Project HTML CSS and JavaScript

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ย. 2024

ความคิดเห็น • 92

  • @CodingNepal
    @CodingNepal  ปีที่แล้ว +37

    Please note that your newly created OpenWeatherMap API key may take minutes or hours to activate. During this time, you'll get an error like "Invalid API key" or something similar. So be patient until the key starts working.

    • @benvink4682
      @benvink4682 11 หลายเดือนก่อน

      Hi @codingNepal. Thank you for your awesome video. my console is giving me an error This request has been blocked; the content must be served over HTTPS. How do I resolve this issue? thanks

    • @seemarai8427
      @seemarai8427 10 หลายเดือนก่อน

      I have done exactly the way you did in the video , api is not working it's been more than 24 hours and I'm getting errors in the list and div class while copying the code to javascript..... Don't know what to do......plz help me

    • @raghadabdulaziz2243
      @raghadabdulaziz2243 7 หลายเดือนก่อน

      @@seemarai8427whar happened

    • @heretorule91
      @heretorule91 3 หลายเดือนก่อน

      thanks a lot but i want to know how to deploy it on vercel or other app it is showing error on deploying however it is working in my computer

  • @SuleyStars
    @SuleyStars ปีที่แล้ว +8

    Now you know where lives the best TH-camr ever 😂

  • @ashitarya9361
    @ashitarya9361 28 วันที่ผ่านมา +1

    Thank you!! Your video saved me last minute (I have my summer training program viva tomorrow)

    • @CodingNepal
      @CodingNepal  28 วันที่ผ่านมา

      Happy to hear that. Best wishes!

  • @my_awsome_edits
    @my_awsome_edits ปีที่แล้ว +2

    First Comment ! BTW where from did you learn this?

  • @Юрий-с5е2к
    @Юрий-с5е2к ปีที่แล้ว +4

    React? Any small projects too.

    • @biplabsharma5344
      @biplabsharma5344 ปีที่แล้ว

      If you know javascript then you can convert this project in Javascript easily without any problem

  • @gonz2944
    @gonz2944 หลายเดือนก่อน +1

    very clear! Love your video. Thank you!

  • @Growtion
    @Growtion ปีที่แล้ว +2

    @codingNepal sir how to use your codes in blogger website 🥺

  • @slowhilanything2576
    @slowhilanything2576 8 หลายเดือนก่อน +1

    Sir, I got message as co ordinate are not found when city name is London what can i do next?
    Anyone plz🙌

  • @godugukishorechandra
    @godugukishorechandra 5 หลายเดือนก่อน +2

    Thank you sir you have helped me for my project..👍

    • @CodingNepal
      @CodingNepal  5 หลายเดือนก่อน

      Glad to hear that

  • @bru3356
    @bru3356 2 หลายเดือนก่อน

    Sir provide api key for 7 days . Please sir we tried it was not activating..

  • @Sahana-o6d
    @Sahana-o6d 2 หลายเดือนก่อน

    please can you help us for 7days forecast api key

  • @user-saint
    @user-saint หลายเดือนก่อน +1

    Awesome!!!

  • @awantikaawasthi165
    @awantikaawasthi165 ปีที่แล้ว +1

    My console on live server is not responding to the inputs in the search bar...plz suggest what to do???

    • @indianjohnwick3383
      @indianjohnwick3383 ปีที่แล้ว

      bhai mera bhi kaam nhi krr rha
      yr batana yrr kese hoga

  • @uditvish726
    @uditvish726 3 หลายเดือนก่อน

    or shabji momoj khayenge ?

  • @lukas.webdev
    @lukas.webdev ปีที่แล้ว +2

    Awesome video! Keep it up 😉💪

  • @iamabhishekvyas
    @iamabhishekvyas 5 หลายเดือนก่อน

    The logo of sun is appearing grey at some places. What should I do ?

  • @jeeshmajeeshu5652
    @jeeshmajeeshu5652 8 หลายเดือนก่อน

    Which text editor should i use someone plzz tell me I'm a beginner 🥲

  • @rm99997
    @rm99997 ปีที่แล้ว

    WEBSITE IS NOT WORKING HELP does not get information about an city

  • @sahanavd123
    @sahanavd123 2 หลายเดือนก่อน

    launch.json is not taking when running in vs code

  • @abhinavagnihotri2595
    @abhinavagnihotri2595 10 หลายเดือนก่อน

    hey how to change the date format to DD-MM-YYYY. Please help

  • @richardlew3667
    @richardlew3667 8 หลายเดือนก่อน

    24:59 What exactly did you do? It happened way too fast.

  • @imrankhan-tg1pc
    @imrankhan-tg1pc 3 หลายเดือนก่อน

    sir please add hourly weather option in this

    • @CodingNepal
      @CodingNepal  3 หลายเดือนก่อน

      Sure, thanks for your suggestion.

  • @pihubp6782
    @pihubp6782 7 หลายเดือนก่อน

    Sir error is showing in geocoding api url while consoling

  • @jojomuneza9908
    @jojomuneza9908 9 หลายเดือนก่อน

    I already input my api_key but the error is no coordinates find in my city can you help me?

  • @surriiisama8528
    @surriiisama8528 7 หลายเดือนก่อน

    how do i named my own link to the weather app? or i cant do that?

  • @GameHubX263
    @GameHubX263 3 หลายเดือนก่อน

    How to get Api?how can i order or buy?

    • @CodingNepal
      @CodingNepal  3 หลายเดือนก่อน

      API is free. Please watch the video for it.

  • @SanjayNG125
    @SanjayNG125 ปีที่แล้ว +1

    Awesome sir 👌🔥 sir please make redmi countdown timer, means in that we can select hour, min , sec by scrolling style.hope you understand my English 😂 but please make it sir it's a humble request....🙏❤️ please sir....

    • @CodingNepal
      @CodingNepal  ปีที่แล้ว

      Okay, noted!

    • @SanjayNG125
      @SanjayNG125 ปีที่แล้ว

      @@CodingNepal thank you so much sir.. ❤️❤️

  • @ColtonThomas-qv8zk
    @ColtonThomas-qv8zk 4 หลายเดือนก่อน

    Did You Know for a div abbreviation you don't have to type "div.CLASSNAMEHERE" you can do ".CLASSNAMEHERE"!

  • @9-xyz-cba
    @9-xyz-cba ปีที่แล้ว

    Please Create like and comment functionality using ajax and php.

  • @henaparvin9032
    @henaparvin9032 ปีที่แล้ว

    Sir api kam nahi kar raha hain meri tho ak din ho gaya tab bhi fetching error dikha raha hain ..chat bot main bhi same problem hua tha ...meri har projects incomplete ho raha hain 😭😭😭😭

  • @m.areeshrashid705
    @m.areeshrashid705 ปีที่แล้ว

    Please Resume Generator HTML CSS JavaScript.

  • @NikhilChaudhary-fc4gr
    @NikhilChaudhary-fc4gr 5 หลายเดือนก่อน

    Provide me this project related ppt

  • @monuit8938
    @monuit8938 2 หลายเดือนก่อน

    good work bro thankyou very much

  • @prathikshagowda24
    @prathikshagowda24 2 หลายเดือนก่อน

    Thank you @codingNepal ❤ your video helps me lot 🙏

    • @CodingNepal
      @CodingNepal  2 หลายเดือนก่อน

      Happy to hear that :)

  • @pujatiwari2594
    @pujatiwari2594 5 หลายเดือนก่อน

    How can we download the project code

    • @CodingNepal
      @CodingNepal  5 หลายเดือนก่อน

      Here is the download link www.codingnepalweb.com/weather-app-project-html-javascript/

  • @SanjayNG125
    @SanjayNG125 ปีที่แล้ว

    I want to add rain probability persentage but I can't get rain probability persentage....how to get it sir...??

  • @praveen.m1056
    @praveen.m1056 ปีที่แล้ว

    sir, how to get whole web content in one web page as like yours. I'm getting webpage in scroll manner.
    help me...

  • @HemanthKumar-ng1dk
    @HemanthKumar-ng1dk 4 หลายเดือนก่อน

    Why it says No coordinates are found for ${cityName}

    • @CodingNepal
      @CodingNepal  4 หลายเดือนก่อน

      Make sure to use back ticks ` ` not single quotes ' '.

  • @richardlew3667
    @richardlew3667 8 หลายเดือนก่อน

    How did you add in the temperatures in the HTML file?

  • @princenabish1228
    @princenabish1228 ปีที่แล้ว

    can you plz suggest how to change yyyy/mm/dd format to dd/mm/yyyy

  • @mdsiddiq1579
    @mdsiddiq1579 4 หลายเดือนก่อน

    How to add date and hour in this

  • @pleasesubscribe7265
    @pleasesubscribe7265 ปีที่แล้ว +1

    Hi, learn css?

  • @infobusiness2246
    @infobusiness2246 9 หลายเดือนก่อน

    good job, I want you make a trading website too

  • @dileepkr6069
    @dileepkr6069 2 หลายเดือนก่อน

    Does it work properly or not

    • @CodingNepal
      @CodingNepal  2 หลายเดือนก่อน

      Yes, it works perfectly as of now.

  • @mohanasrisravya836
    @mohanasrisravya836 4 หลายเดือนก่อน

    Hi,I need in react js

  • @mightycheetah7203
    @mightycheetah7203 ปีที่แล้ว

    Which openweathermap subscription did you use?

  • @debrauwermichael2366
    @debrauwermichael2366 ปีที่แล้ว

    Good job ! But the problem is that the card for the following days display the data for the following days at the time of 00:00:00.

  • @janhavinanaware6337
    @janhavinanaware6337 ปีที่แล้ว

    sir in this project you can show that the report of the weathers on daily basis

  • @Sahana-o6d
    @Sahana-o6d 2 หลายเดือนก่อน

    Thank you so much..helped a lot 😊

    • @CodingNepal
      @CodingNepal  2 หลายเดือนก่อน +1

      Glad it helped :)

  • @surriiisama8528
    @surriiisama8528 7 หลายเดือนก่อน

    ⁠i have a question, after finishing coding, how do you open to get to the dashboard, did it pop up after finishing coding or do you have to click anything to open the dashboard?

    • @CodingNepal
      @CodingNepal  2 หลายเดือนก่อน

      Apologise for the delayed response. You've double click on the index.html file and it will open on your default browser.

    • @nitikarajpoot9869
      @nitikarajpoot9869 2 หลายเดือนก่อน

      Source code broh😢​@@CodingNepal

  • @sahilsiyotra6072
    @sahilsiyotra6072 11 หลายเดือนก่อน

    can you mention about the backend technology

  • @SantoshKumarPati-i4v
    @SantoshKumarPati-i4v ปีที่แล้ว

    please tell how to insert real feel and pressure option

  • @mohitparekh7878
    @mohitparekh7878 ปีที่แล้ว

    Import URL kahaselu error a raha hai

  • @dipeshkale3398
    @dipeshkale3398 9 หลายเดือนก่อน

    We need backend also sir

  • @ishaansharma7140
    @ishaansharma7140 ปีที่แล้ว

    This API is not working, even after 24 hrs it is responding as an error ..what to do ?

    • @seemarai8427
      @seemarai8427 10 หลายเดือนก่อน

      Hii @ishaansharma7140 did the api start working?

    • @AhmedHany-sl4io
      @AhmedHany-sl4io 2 หลายเดือนก่อน

      @@seemarai8427 did it work?

    • @seemarai8427
      @seemarai8427 2 หลายเดือนก่อน

      @@AhmedHany-sl4io it is working

  • @alexeyvelkov7568
    @alexeyvelkov7568 ปีที่แล้ว

    Good job! Thank you very much)

  • @Lelobac
    @Lelobac ปีที่แล้ว

    how create referral website ?

  • @mahin_2_23
    @mahin_2_23 ปีที่แล้ว

    How to create app like tiktok

  • @loppin6154
    @loppin6154 ปีที่แล้ว

    Hi

  • @azuboof
    @azuboof 9 หลายเดือนก่อน

    Youre amazing

  • @donramsey8119
    @donramsey8119 10 หลายเดือนก่อน

    Great job! Thank you!

  • @dshadow5321
    @dshadow5321 ปีที่แล้ว

    14:30

  • @wilsonmuita6835
    @wilsonmuita6835 ปีที่แล้ว +1

    Much gratitude Sir! TheWeather App project rocked! It seamlessly delivered forecasts, wowed users with a stunning interface, and made every day brighter! 🌞📱

  • @bru3356
    @bru3356 2 หลายเดือนก่อน

    Thank u so much .. Helped a lot😊

    • @CodingNepal
      @CodingNepal  2 หลายเดือนก่อน

      You're welcome 😊

  • @Sahana-o6d
    @Sahana-o6d 2 หลายเดือนก่อน

    Thank you so much your video helped us a lot 💫❤️‍🩹

    • @CodingNepal
      @CodingNepal  2 หลายเดือนก่อน

      You’re welcome 😊