Skip to content

Jqyoung/Weather-App

Repository files navigation

Weather-App

A weather application that displays real-time weather, weather in the next 24 hours as well as weather in the next 3 days based on the location user enters. It is a project from The Odin Project's curriculum

🔗 Live Preview

Features

  • Displays current weather, next 24 hours weather as well as next 3 days weather at user specified location.
  • App background animation changes based on the current weather condition.
  • Display weather in either Fahrenheit and Celsius.

Feature Ideas

  • Automatically recognize user location upon initial page load.
  • A carousel or slider display for the hourly weather forecast with arrows and navigation circles.
  • Display more information for the current weather such as wind speed, etc.

Things I Learned

  • Asynchronous JavaScript concepts such as event-loop and promises.
  • Working with external APIs asynchronously using fetch function, promises, async and await.
  • Implement MVC(Model-View-Controller) design pattern effectively.
  • Arrow function "this" context is inherited from the parent scope at where the function is defined and the context will not change.
  • Using Map data structure to store and organize data.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published