Weather App: Interactive Weather Forecast

What are you most proud of, and what would you do differently next time?

I'm proud of creating a responsive weather web application that uses the Open-Meteo API, and putting a spin on it by combining it with my passion for UI/UX design.

I added features (but not limited to) such as:

• Light theme
• Sunrise & sunset times
• Custom loading element
• Geolocation
• Weekly trends
• Favourites
• Location comparisons
• Weather radar

If I were to approach this differently, I would:

• Add more accessibility options for screen readers (I wanted to do this, but I ran out of time unfortunately).
• Consider using frameworks to reduce the time spent in CSS.
• Look into methods of more effectively writing the code so it's not all clumped into 1 script.
• Learn to use GitHub more effectively to track my progress.

What challenges did you encounter, and how did you overcome them?

During the 3 weeks of working on this project, I came across MANY challenges including:

• API integration: This was my first project in which I used APIs, so it was a challenge understanding how to integrate the APIs - but after reading through documentation, I was able to understand how to do so.
• Responsiveness: I was unsure on how to effectively create a friendly design across all screens (as I added new features), but I brainstormed design ideas, and eventually led to using media queries and grids.
• Accessibility: It still is incomplete, but I attempted to add sufficient accessibility to the HTML to make it a better experience for screen readers.

What specific areas of your project would you like help with?

If you could, I'd love some feedback.

1. Code organization: I'd appreciate some feedback on how to better structure my code. Having a large JavaScript file feels like bad practice.

2. Performance optimization: A concern I had whilst making the dynamic weather backgrounds was the performance effect it'd have on lower-end devices. Are there ways to test how intensive they are?

3. Accessibility: I struggled a lot on making my web application more accessible for screen readers, are there good resources you could recommend that I could learn from?