Skip to content
generated from mell62/template-repo

Consult the weather sleuth to deduce the weather at any location.

Notifications You must be signed in to change notification settings

mell62/weather-app

Repository files navigation

Weather App

This is Weather Sleuth, a weather app developed into the browser to fetch weather conditions over any place in the world. This is implemented using HTML, CSS, JavaScript, Webpack, through Visual Crossing API.

Check it out 👉here!👈

webpage-screenshot-day webpage-screenshot-night

🕹️ Features

  • Search for the weather conditions over any location around the world
  • Multiple weather attributes such as humidity, windspeed, visibility, dew, pressure, sunrise, sunset, moonphase
  • Hourly and weekly weather conditions
  • Icons change corresponding to the associated weather condition
  • Fallback imaginary weather conditions will be displayed upon any API errors

🎉 Achievements

  • Visual Crossing API is utilized for fetching weather data around the world
  • Webpack is utilized for the bundling of code of multiple files through ES6 Modules and minification
  • Single responsibility principle applied to develop many functions and modules

🪄 Extras!

  • A loading message displays when weather is being fetched
  • Day and night mode: Webpage switches to light mode and dark mode depending on whether it is day time or night time at the location searched for

📃 Note

  • Modern normalize is used for cross-browser consistency
  • Babel is used to transpile code for compatibility with older browsers

Releases

No releases published

Packages

No packages published