Templates showing an example of a Weather app

A HTML, CSS and JavaScript weather app. Using API Calls, the app is able to display the weather of different places. With the help of HTML5 Video element, the background video changes depending on the weather of the place. With the use of the Javascript TEXT to SPEECH converter, The weather is described with an audio from the text to speech feature. One can search for any city in the world and get a weather update from there. Alot of features can be added, I opted for usage simplicity.

What I used:

  1. HTML5
  2. CSS3
  3. JavaScript
  4. openweather API

Video demonstration of the app

image of weather app with HTML CSS and JavaScript
Weather app interface
imageimage of weather app with HTML CSS and JavaScript
Weather details after search
image of weather app with HTML CSS and JavaScript
Weather details after search
image of weather app with HTML CSS and JavaScript
Weather details after search