weather-app

The Odin Project: Weather App

Resources

JavaScript

• API and weather icons: Visual Crossing
• Async/await always returns promise: https://stackoverflow.com/questions/43422932/async-await-always-returns-promise
• Implement error handling when using the Fetch API: https://web.dev/articles/fetch-api-error-handling
• Code structure:
  • https://medium.com/@k.manu00005/javascript-project-architecture-best-practices-e6facc58f9ea
  • https://gomakethings.com/how-i-structure-my-vanilla-js-projects/

CSS

• Font: Inclusive Sans
• CSS reset: Josh's Custom CSS Reset
• Colours: Material Design

Other

• Logo: Emoji to image
• Search bar accessibility:
  • http://web-accessibility.carnegiemuseums.org/code/search/
  • https://css-tricks.com/inclusively-hidden/
• Icons: Lucide
• Loading spinner: https://codeaccessible.com/codepatterns/loading-spinner/
• Inspiration:
  • AccuWeather
  • The Weather Channel