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

In this video tutorial, I've shown how to build a responsive weather app using HTML, CSS, and JavaScript. In this weather project, users can enter any city name to get the weather forecast or simply click on the "Use Current Location" button to get current location weather details, including temperature, wind speed, humidity, and more.

🗂️ Get Source Code of this Weather App

🌐 Visit CodingNepal for helpful coding projects

⭐ Hire me on Fiverr

📷 Follow me on Instagram

🤝 Support my work with a coffee

Timestamps:
0:00: Weather App Demo
1:49: Starting with HTML & CSS
14:23: Getting into JavaScript
14:52: Retrieving Geocoordinates of the City
19:40: Fetching the Weather Data for the City
32:08: Working on "Use Current Location" Button

#javascript #html #css #javascriptprojects #js #chatbot

Music Credit:
Ikson - We Are Free [Official]

Ehrling - You And Me (Vlog No Copyright Music)

Miss You – LiQWYD

Those Restless Nights — Artificial.Music

[CodingNepal]

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.

[godugukishorechandra]

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

[SuleyStars]

Now you know where lives the best YouTuber ever 😂

[gonz]

very clear! Love your video. Thank you!

[ashitarya]

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

[wilsonmuita]

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

[slowhilanything]

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

[prathikshagowda]

Thank you @codingNepal ❤ your video helps me lot 🙏

[jojomuneza]

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

[iamabhishekvyas]

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

[Growtion]

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

[awantikaawasthi]

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

[surriiisama]

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

[rm]

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

[mightycheetah]

Which openweathermap subscription did you use?

[richardlew]

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

[surriiisama]

⁠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?

[richardlew]

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

[my_awsome_edits]

First Comment ! BTW where from did you learn this?

[SanjayNG]

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