Let's discuss your "Local Weather App"

I loved this project, I learnt quite a lot of stuff !
@santakmishra I was disgusted by the OpenWeather icons they were so UGLY, so I looked up where you got yours, and decided to use yours. (I am actually pointing directly to your server, so if you mind tell me and I can remove stop using it)

Project Link - http://codepen.io/soueuls/pen/LZYmVj/

2 Likes

Your project looks elegant and no issues at all with pointing to my server for icons. Nice touch with the Hello little human… :slight_smile: Except, I didn’t find the C to F temperature convertor function anywhere. Maybe I missed it?

I must inform you though that I am planning to upload all my project assets to Codepen itself once I start using the Pro version. I might remove the assets from my server after that. Won’t happen for the next few months. But, I suggest you find a more permanent solution for future.

Finished this up today. I didn’t spend a lot of time on the design aspects of the page. I may go back soon and redo the background of the page, as well as some of the other design elements. But, I was really happy with the functionality code and wanted to keep working through some other projects.

Project Link - http://codepen.io/bsandusky/full/oLgyNM/

1 Like

Here’s mine. I did it a while ago. I used IP-API to get the location.
It was fun to do.

Project Link - [http://codepen.io/Topzie/full/QNaZJv/] (http://codepen.io/Topzie/full/QNaZJv/)

3 Likes

This one was pretty fun, and I had to learn how callbacks work to finish it up.

Project Link - https://codepen.io/imtoobose/full/Pzqbxq/

10 Likes

Hi all. I’m really enjoying making this project, but am having some troubles with it. I’m not really sure what I’m doing wrong and I’ve tried reading up around the subject and I’m still not wiser. I’d really appreciate any suggestions anyone has on what is wrong with the background - it doesn’t change based on the weather ID.

Project link is: http://codepen.io/andyst81/pen/JKdMmN

Thank you.

2 Likes

Here is mine : http://codepen.io/rameshsyn/full/zrpXbg

Okay I’m really stuck on this one. navigator.geolocation.getCurrentPosition seems to only work when using https but when I switch codepen.io to https openweathermap fails. I know others have had this problem, but I can’t find a working solution other than the demo. Can anyone point me in the right direction? I’ve looked over a number of other people’s submissions but none of them seem to work :confused:

1 Like

Hey, I had the same problem. You can use crossorigin.me to overcome that: instead of http://openweathermap.org/whatever you can use https://crossorigin.me/http://openweathermap.org/whatever. Or alternatively, you can use some kind of api that gets the location based on ip address.

9 Likes

Thanks for the tip. I gave it a try and it still failed. Went to crossorigin.me and it said the server is down :expressionless: When I get off work tonight I will try again and probably try to find a more reliable cors server. Anyway thanks again.

The website is indeed regularly down. Let me now if you find another site.

Well, when I got home the crossorigin.me server was up again so I stuck with that and managed to get some more work done on my projects. However about 3 hours later it was down again, so I went looking for an alternative and found https://cors-anywhere.herokuapp.com/ . It seems to be stable and is working fine for me. They do limit request to 600 per hour, but for the purpose of this project that is more than enough.

10 Likes

Project Link -https://codepen.io/Josh5231/full/BzNgwW/
You will need to be in HTTPS for this to work. PLease let me know what you guys think.

1 Like

Here’s mine. Just finished it.

Project Link - http://codepen.io/RadEdje/full/ZOQReG/

I found a cool jquery plugin for the weather (using yahoo weather api)… it’s in the link of references at the bottom of my pen if anybody wants to use it. The developer has a great you tube tutorial. Then I realized i was losing out on learning about openWeatherMap api’s so I made a second weather app machine… yahoo and openWeatherMap don’t seem to agree very much though. I put the 2 side by side.

Any constructive criticism would be great. Thanks.

By the way,
If any body has trouble with the location api… this thread in our forum was really helpful. I’d like to thank everyone on that thread too for all their help and advice.

1 Like

project link - http://codepen.io/mikeale03/pen/NrqYLy/

1 Like

i added some enter city functionality. any comment?. what do you guys think? critics are welcome.

Works for me, and works when I stick in random coords as test data. However I can’t get it to work in IE, Chrome, Opera (probably due to the Geolocation issues), and if I used my wired connection it locates my ISP’s location, not my own coords. Even more fun, when I shared it to friends and family, it worked for precisely nobody - not one. Unless I nag them all to find out if they used another browser, a phone, an ad-blocker or, for all I know some kind of Mac or Linux setup, I’m not really sure why, but I do feel a bit of a tit for sharing it.

Project Link - http://codepen.io/adamgmurray/pen/xOZxqy
I enjoyed this project. I avoided the API route on the random quote project, and I’m glad this was my first go at it. I chose to use a switch to toggle the background class based on the weather description and avoided icons altogether. I wanted to keep it a minimal as possible.

Trying for simplicity this time. One thing I learned is that localStorage will store boolean values as strings so they need to be parsed when you fetch them again. The app will remember if you left it on Celsius or Fahrenheit.

Same geolocation problems as others are having (same wrong location on other peoples pens for me). I may come back and try and get locations by IP address since sites that use that seem more accurate or at least since they are showing my ISP location in the same ballpark or maybe allow the user to enter a city and have it remember that.

1 Like

project link - http://codepen.io/mkarabashev/full/xOVVvX/

Let me know if there is anything broken.

3 Likes