Building a Weather app with jаvascript is an excellent project for beginners. It helps to understand the core basics of the DOM and teaches how to use fetch API, to call and get data from a third-party service.

In this tutorial, we'll be building a geolocation-based weather app that will show us the current weather data depending on the user's location.

Prerequisites for this tutorial:

Basic HTML
Basic CSS (including CSS Flexbox)
Basic jаvascript (knowing jаvascript promise is a plus)
What will we learn? By building this app, we'll learn some stuff like,

Interacting with the DOM
The use of Fetch API
The navigator object of jаvascript
How to use a third-party API service and more

Screenshots