Let's discuss your "Local Weather App"

Hello everyone~
I just start learning to code for few months and finally
I finished my weather app. However, I am not sure why some browsers may not be able to view it…
It would be great if I can receive some feedbacks~~!
Thanks.

Here is my Weather App. Looks better in mobile view but everything works and i learned alot about accessing json and using api’s.

Project Link - https://codepen.io/angela1997/full/RLZGgo/

3 Likes

Hi, campers :smiley: I finally finished my weatherApp. I would love to know what you guys think and if you find any bugs.

That looks pretty good. Well done. One thing I notice though is that it’s dark here but your background image has the sun shining. I don’t know how you’ve organised your program, but you can easily detect a location’s day/night status by checking the Icon code you get with the API: d = daytime, n = nighttime.

@CodeNooooob That’s a good point. At the moment, i’m using a static url for my background image, but i’ll definitely add that functionality. Did the webpage provide the correct location? Thanks for your feedback, btw :smiley:

Yeah, location is spot on.

nice Weather project :sunny:

Just tried this and it seems to think I live in “Slawharad . Belarus”. Looks like you might have a geo-location issue there.

Hi guys,
I have been working on my weather app for a while now but I can’t seem to get it to work. Maybe some fresh eyes can help me figure out what I am doing wrong.

thank you for your help,
Nadia

Here is mine, been working on it for a long time. Colors may be off. It isn’t made for every weather, since i’m not sure of the name of every condition available this API.

https://codepen.io/Mike-was-here123/full/oGWxam/

Here is my React.js Local Weather App
Project link => https://jolav.me/freecodecamp/old/front-end/weather/weather.html

Used https://geoip.tools/ for geolocation and https://openweathermap.org/ for temp and weather icon.

Feedback is always welcome.

My first React + Redux + Redux Thunk application
Github
Application

you have to change ----> this api=“https://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&appid=c3a54977f0f3d2c9556b4d1e1bdee268”; lat=35 and lon=139 with your real longitude and latitude.

1 Like

I have no idea how I forgot to implement that :neutral_face:, I just added it

can you help me with my code, it doesnt work and i spent like 5h looking a solution…
https://codepen.io/Harisnt/pen/xPOZpO … and it allways gives me same location, ("Japan, Tawarano) … i dont know how to fix it.

Can somebody tell me what I am doing wrong here? My code works on my local computer but javascript file don’t work on Codepen. Codepen link: https://codepen.io/theking977/pen/aVNMqx

From the code you wrote you’re just logging the data, not displaying it
the lat and long you logged are correct but the api you’re using is wrong, it should be api.openweather not samples.openweather, you should get an API key and use the regular api

I recently updated my Weather App. Any feedback would be greatly appreciated. Thanks in advance :slight_smile:

Project Link - https://codepen.io/cerita/full/gPgrjv/

1 Like

What api do you use? @cerita