SweaterWeather

A simple weather Web app for a college project, tailored to my desires.

Features

• Design based on Apple's Weather app (pre-iOS 15, mainly iOS 11)
• 24/48 hour and 7 day forecasts
• Extra info such as sunrise/sunset, wind speed/direction...
• Choose between metric and imperial units
• Refresh info without reloading the entire app
• Supports iOS 10.3+ (or any major browser version since ~2016)
• Different background modes:
  • No background (black background)
  • Gradients
  • Weather photos from Unsplash
  • Featured photos from Unsplash
  • Custom image URL
  • Custom image upload (stored in LocalStorage)
  • And more...

What it uses

• HTML5 + CSS3
• JavaScript + jQuery
• OpenWeatherMap API
• Google Fonts (Roboto)
• Unsplash Source
• Weather Icons (Erik Flowers)

Getting started

0. Sign up for OpenWeatherMap's free tier and get your API key here
1. With your API key on hand, go to the SweaterWeather page
   (You can also host it yourself by downloading/cloning the repo and then starting a local server containing the files)
2. Click/tap OK on the alert that says you're using the app for the first time
   (Note for iOS: If you want to add SweaterWeather to your home screen, you can do it right after the alert appears and you won't have to set it up a second time)
3. Enter your location in the topmost text field
4. Enter your API key in the bottommost text field
5. Click/tap on the checkmark in the bottom-right corner
6. Enjoy!

Future improvements

• Improve readme (especially add images)
• Add light theme (with option to choose theme)
• Add location-based weather
• Add an easter egg?!
• Adjust media queries for optimal tablet layout
• Add more background modes (Unsplash Source)
• Fix compatibility with older Safari/iOS/WebKit/browser versions
  (I went as much as possible without major rewriting)
• Fix favicon in (some) browsers (I tried)

Feel free to contribute however you can!