Building a Weather app with JavaScript 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.

This is a simple javascript project made with the help of HTML, CSS and OpenWeather API . We used weather API to fetch data and display according to the city entered in the search bar.

Reference :-

1. BEM - for html css
2. BEM - for html sass

<div class="component">
  <div class="component__child-element"></div>
</div>
<div class="component">
  <div class="component__child-element"></div>
</div>

/* Block component */
.btn {}

/* Element that depends upon the block */ 
.btn__price {}

/* Modifier that changes the style of the block */
.btn--orange {} 
.btn--big {}

Web Url: https://avinash201199.github.io/weather-app/

You can contribute in this project by adding some new features or anything in your mind to contribute
Check for getting started