My Personal Project
Somewhat Functional Weather App built with OpenWeather API, featuring real-time weather data, a smooth loading animation (hope it loads), and error handling for a seamless user experience. Please review my Javascript Code.
CodePen Link For the Project
Took me 3days. Hope you enjoy && sorry for the messey code
Thanks For taking the time to go over my code!
1 Like
ILM
December 16, 2024, 5:37pm
2
It doesn’t work tho? I am trying to search and when clicking the lens it doesn’t to nothing
Edit: it doesn’t work in full screen for some reason https://codepen.io/Calvin-Taw/full/gbYgmyE
Teller
December 16, 2024, 6:06pm
3
Hi @calvin6taw
The top part of the app did not populate with any weather data.
I was able to get the weather for the Sun, and Jupiter.
The recent searches section did populate for me. The up and down buttons were functional.
You may want to host the app on GitHub so you can hide the API key.
Happy coding
This is impressive. Excellent work!
lasjorg
December 16, 2024, 7:58pm
5
You need a backend to hide it. The client will leak the key when it does the fetch, it is part of the query string.
@calvin6taw I get a reference error when I do a search.
Uncaught (in promise) ReferenceError: highTempEl is not defined
Sorry, I forgot to declare a variable. It works now though.
I haven’t learned backend yet. I have just finished Javascript curriculum just a week ago. Currently doing front end libraries curriculum. thx for the advice
system
Closed
June 17, 2025, 11:40am
8
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.