How to make Weather App using Openweathermap API | Javascript - Responsive Website

I tried to make a weather website. I have used the OpenWeatherMap API for this project. This is made with HTML CSS JS and deployed using Netlify. Hope this helps you.

The first time when I tried this project, it took more than 5 hours for me to finish this project that you are watching in 1 hour. So if you take more than that time do take your time. Do not be worried that you are not able to complete it in time. Chill and Keep coding. 😀

Timecodes
0:00 - Intro
0:40 - Make Files
1:05 - Creating HTML
10:40 - Styling the Page
34:58 - Getting the Elements in JS
37:54 - Updating the Date and Time Value
45:30 - OpenWeatherMap - Overview
48:15 - Get Latitude and Longitude from Navigator
50:35 - Calling the OpenWeatherMap API
55:29 - Render API data in Site
01:08:20 - Final Touches
01:10:58 - Deploying the Site to Netlify
01:11:56 - Conclusion

Follow me on :

Buy me a Coffee:

#html #css #js

[teenii]

hi, I can't use API. now, "One Call API" is updated to version 3.0, and it seems I must pay for use.

[himabimdimwim]

Incredible video. I can tell that a lot of work and effort went into creating this project and sharing it on YouTube. You managed to cover the html, css, javascript, and API's in a single video. Good stuff!

[joshuajohnk]

your video helped me lots mate, i have to submit my weather app project tomo, gonna pull an all nighter, and your tutorial gave me the hope and motivation i needed. keep uploading champ!!!

[PankajKumar-tunv]

awesome bhai.. great work.. I am very dissapointed as your subscribers are below 2k.. you deserve atleast 500k subscribers.. btw keep up good work brother.. you will shine one day.

[tahzib]

having a search city option and translating the latitudes and longitudes to city name would be nice....

[hope_less]

hey asish great tutorial . I'm not able to use the api and it is giving me an error 401 can you make a video on that or please just help me with this

[achalgupta]

Thank you so much bro this is very helpful video for my project 😊

[LOSTCLOUD_]

Hello ashis sir ! Thanks for tge video ... now im gonna use this on my minor project...lots of love keep creating 💙💙💙.... i want another hot video on my major project

[rutvikbhoj]

Best! For those who are not able to use the API as it is not free now. Just sign up as Student and you will get the API free for 6 months.

[sayyidnaeemulhaquemayankak]

Super Explanation, Thanks Sir 🥰🥰🥰. I got an Assignment Task Make Weather App by Fetchto Weather API...I done By another Youtube Video.if i saw this video Before I definitely use this Video to My

But I do One thing For me As well ass Our Classmates .I share this link to WhatsApp Group....As well As i follow your video fore future Web Development Projects..

Thanks Sir from Heart 🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰🥰

[origamisiler]

Thank you very much. Good this mission is done. Thanks.

[peytoncastillo]

best weather tutorial I've found! Subscribed!

[jhefersonp.gavilancenteno]

Dude you are the best. It is safe and 100% works

[rishabhgaur]

I don't understand where this info came from <script> src and integrity

[harshsaroi]

Thanks bro 👍 your video helped me a lot doing my project

[ankurverma]

its for only particular city we want it for another city also

[saicharan]

Sir plz provide the code down so that we can easily copy and paste it 😁

[paowiicarina]

where is the search bar and the last code doesnt work!! please update this tutorial!!

[purvikajagtap]

It shows the status as 401 Unauthorized. Please tell me if you have any solution..also I think this version is not free

[LOSTCLOUD_]

Hey big bro... my proposal was accepted today in the title weather app (your) in minor project...Now hope your code runs smooth...🙂 but my supervisor said me i should store the data of several days in database but i dont know how to do this ... No worries i am gonna try..