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)
Your project looks elegant and no issues at all with pointing to my server for icons. Nice touch with the Hello little human… 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.
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.
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
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.
Thanks for the tip. I gave it a try and it still failed. Went to crossorigin.me and it said the server is down When I get off work tonight I will try again and probably try to find a more reliable cors server. Anyway thanks again.
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.
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.
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.