How to make Weather App using Openweathermap API | Javascript - Responsive Website
Published July 21, 2023, 2:52 p.m. by Liam Bradley
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/weather-website
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: https://discord.gg/TFh98Ft6bc
Follow me on :
Instagram: https://www.instagram.com/asish.george/
LinkedIn: https://www.linkedin.com/in/asish-george/
Twitter: https://twitter.com/asishgeorg
Website: https://asishgeorge.in
Buy me a Coffee:
https://www.buymeacoffee.com/asishgeorge
#html #css #js
You may also like to read about:
