FM30 Hackathon Weather App

This was my first time using API integration on a website, especially with live data implementation. I'm proud that I was able to successfully integrate the Open Meteo API and build the app, which updates dynamically based on the searched city. I also learned how to handle props in React while working on the hourly forecasts. This included passing data from parent to child, using callbacks to send data back up, drilling props through multiple components, and lifting state up so siblings could share data.

The main challenges I faced were fetching the API properly and the lack of understanding between the generic API URL and geo-coding API, as well as how to render and display the data on the webpage. I also used React to create the project, so I made several components, and passing the same value without repetition was tricky because siblings can't share values directly. So, I researched more about component hierarchy and passing values. I also struggled with displaying hour, time, and day formats initially, but I learned and applied those, along with calculating how to display weather codes, hourly weather, and times.