Home

Welcome! This is a multi-page application that utilizes React-Router, TanStack Query (asynchronous data fetching and caching), and the Emotion Library. The content that is rendered within this web app is data that is pulled from the OpenWeather API

Within the Navbar, there are links to this Homepage, Current Weather, a Five Day Forecast (containing three hour intervals), and a Sixteen day forecast.

When fetching the weather data, a user may enter a city. For more accurate results, users should enter 'city, state, country code'. An example of this could be:Beaverton, OR, USThe results will be rendered as cards. The data that is rendered for each card is dependent on the JSON response from the API endpoint that is called.

This web app contains two themes, a light mode, and a dark mode (whereas the dark mode is the default theme). The themes are toggled by a switch in the navbar.

Furthermore, this web app also renders a map (powered by Leaflet) on the 'Current Weather' page. The theme the user selects will also be applied to the map.