Description
The Weather App fetches real-time weather data from the WeatherAPI and displays key information such as temperature and weather conditions. The background dynamically changes to reflect the current weather, enhancing the user experience.
Technologies Used: TypeScript, React, Axios, Sass
Challenges and Solutions
API Integration: Integrating the WeatherAPI and handling asynchronous requests posed a challenge. I addressed this by using the axios library for efficient API calls and managed the loading state during data retrieval.
Dynamic Background Styling: Dynamically changing the background based on weather conditions required careful handling of CSS classes. I implemented a function updateBackground to adjust the background based on the received weather data.
React Strict Mode: While using React Strict Mode for development, I had to ensure that the application complied with the strict mode requirements. This involved making adjustments to the code to eliminate potential issues.