/weather-app

Weather app with JavaScript and api

Primary LanguageJavaScriptMIT LicenseMIT

Weather App


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.

Naming Conventions to follow for HTML, CSS - BEM Methodology:

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 {}

Demo of App

Screenshot (20)

check out live

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


For any query, dm https://www.instagram.com/lets__code/