Let's discuss your "Local Weather App"

I can’t read your error message, but I’m getting an XMLHttpRequest error when I visit your page.

XMLHttpRequest cannot load http://ip-api.com/json due to access control checks.

This is probably a CORS error. There’ve been a few recent posts in the forum about CORS and the weather app. Look for something regarding jsonp. :grinning:

it seems tha the problem is that glitch work with https, but to call both apis i need to use http…


but still seems to work

Hi,
I hope I am posting in the right area… I have hobbled my way through the Local Weather App and have managed to mash together an app that resembles Frankenstein’s monster. I’ve tried to reference my sources as much as possible in my comments as the code may help others. My app doesn’t look very good as my alignment is out and looks even worse on my Android phone. I’m thinking I should be splitting out some of the JS into additional functions instead of using slabs of code… I would appreciate any feedback you’re willing to provide.

Project Link - https://codepen.io/uuilliam/pen/Qgmyzq/

Thanks,
uuilliam

Oh wow, that looks really nice.

Thank you very much, I will look into it.

Samuel

Project link - https://codepen.io/hollowsamff/full/qjLmPm/
Page background and current weather images will change for different weather, so try viewing the page on different days.
Thank in advance.
Feedback will be greatly appreciated!

Here is my Weather App please leave a feedback! :slight_smile:

Loved this project, it really helped to cement working with JSON

Project link: https://codepen.io/filipBan/pen/eRQMXj

After countless CORS related problems, this is my codepen: https://codepen.io/DanielStoica/full/WOLwMB/

What do you guys think?

1 Like

Project link - https://codepen.io/grahamstewart/pen/vZPoXP

Hey I just spent days (maybe it was weeks on this).
In addition to the regular features it will tell you where you are (you may need to call a taxi if you fell asleep in the cafe after the last metro…)

1 Like

cool, I see you went to town on the google maps api! my features are more basic:persevere:

nice toggle button! I used the daily weather (there seemed to be less icons to worry about!)

1 Like

nice … but no background image. I had problems with small screens too. I was experimenting with Materialize but the grid is rubbish - so ended up using Materialize plus bootstrap grid - which probably gives rise to some unpredictability

scales nicely! but always the same background image. Nice switch function for the different weather icons.

Project Link - https://codepen.io/SarahJHWang/pen/LLvpqQ

Any feedback is appreciated.

It does not work for me. Also, I would suggest showing the background picture only once, covering the entire background.

Nice use of Google Maps. Showing my whole address is a little creepy… even if it is wrong (oh, Google Maps… will you ever be bang on?). :stuck_out_tongue_winking_eye:

I notice your temperatures add decimal places when you change from C to F and back. Not a big deal and could probably be solved with Math.round().

Well done.

Works for me, but it isn’t entirely obvious that you’re supposed to click a button to start.

@grambo: you might want to make that Get Weather button more obvious. :slight_smile:

Ah, you are right, my bad!

Here’s my weather app. Any feedback’s appreciated!