Skip to content

Web app to geolocate you, give you current weather conditions, and display a photo based on these conditions. Asynchronous exploration.

License

Notifications You must be signed in to change notification settings

andreafrank/weather

Repository files navigation

#React weather app

ReactJS app to geolocate the user, return city, and display the current weather. The app also displays an unsplash image that uses the current weather condition as a search term. The app will auto-update every 10 minutes.

Used promises, async/await, and axios to compare / contrast usage.

OpenWeather API
Google Maps Geocode API
Unsplash API
TailwindCSS styling

Weather App

todo:

  • separate component logic into multiple files, use redux
  • refactor fetch() to axios
  • toggle temps for F and C
  • add spinner graphic (or similar) to account for load time
  • basic style
  • find api or create styling based on weather conditions
  • display random unsplash image, not always first returned
  • screenshots in readme
  • how to pull and use in readme
  • deploy (netlify?)
  • implement 10 day forecast
  • display 0...images.length to return a different unsplash image each time
  • display "like this photo?" text so that people can link to unsplash images if they like

About

Web app to geolocate you, give you current weather conditions, and display a photo based on these conditions. Asynchronous exploration.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published