uses react, react-query, styled-components for all bells and whisles and theming, open.mapquestapi.com for state lookup based on lat lng coordinates, openweathermap.org for weather conditions in a US city, and unsplash.com for photos
https://flexbox-react-weather-photo-wall-dozr5.ondigitalocean.app/
-
use of css media query and flex-box to create a responsive grid layout to accommadate any number of weather cards shown on the screen.
-
use of APIs to fetch weather, state based on {lag lng} and photo(s) related to weather conditions of a particular city in the United States.
- randomized theme at the start of the site
- user selectable theme from a random set of color combinations
- update background photo at a set interval
- fetch weather forcast on demand
- > 80% unit test coverage on all components
- re-arrange weather card(s)
- delete a weather card