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

Published: 27 May 2021
on channel: Asish George Tech
158,933
2.9k

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. 😀

Deployed Site: https://elastic-benz-d00394.netlify.app/

The Link to the GitHub repo is https://github.com/asishgeorge/weathe...

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

Laptop I use: https://amzn.to/3glrqzo

Join Discord Community:   / discord  

Follow me on :
Instagram:   / asish.george  
LinkedIn:   / asish-george  
Twitter:   / asishgeorg  
Website: https://asishgeorge.in

Buy me a Coffee:
https://www.buymeacoffee.com/asishgeorge

#html #css #js


Watch video How to make Weather App using Openweathermap API | Javascript - Responsive Website online without registration, duration hours minute second in high quality. This video was added by user Asish George Tech 27 May 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 158,933 once and liked it 2.9 thousand people.