/flexbox-react-weather-photo-wall

resposnsive photo wall based on user query built with react and flexbox css

Primary LanguageJavaScript

Weather App Variation

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

live site

https://flexbox-react-weather-photo-wall-dozr5.ondigitalocean.app/

goals:

  • 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.

future goals

  • 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