sojeri / howsTheWeatherSeattle

Seattle, how's the weather right now?
https://sojeri.github.io/howsTheWeatherSeattle
2 stars 0 forks source link
100-days-css-challenge 100days 100dayscss 100daysofcss css github-pages openweathermap seattle side-project solunar weather weather-app web website

How's the weather, Seattle?

Live link.

Note that you will always get the Seattle skyline but aren't actually stuck with our weather. You can override the default location (& also units if you prefer metric!) with URL params. Use zip=your-favorite-postal-code to get weather for a different location. The weather API backing this uses country code us by default, so if your zip is outside the US you'll need to add a country code, eg country=cn. Use units=metric to get degrees Celsius rather than Farenheit.

Eg, Calgary, AB, Canada.

Eg, Berlin, DE

Eg, Taitoku, Tokyo, Japan

In case you need it, here is a list of country codes. (Use the 2 letter / alpha 2 designation with this app.)

What even is this?

Inspired by the 100 days of CSS challenge -- specifically, inspired by day 9 -- I wanted to make a little widget that shows the current state of Seattle's weather.

If I want to play with it myself, what should I do after cloning?

To load the current assets, open this project's index.html in your favorite browser. Set breakpoints & muck about with CSS, etc to your heart's desire.

To install dependencies:

yarn

To bundle the scripts once:

yarn build

To bundle the scripts every time you change a file eventually imported through src/index.js:

yarn build:watch

To see random notes I've left for myself

yarn todo

To run the tests, you'll have to write some first. Poor choices that will come back to haunt me include.... @_@

To see my loose to do list: