The Weather App is a single-page application designed to fetch and display weather information dynamically. Users can search for weather forecasts by location, view detailed weather data, and see weather-related GIFs for a more engaging experience. The application also saves and displays recent searches, making it a handy tool for users who frequently check the weather.
- Search for Weather: Users can enter a location to fetch the current weather data.
- View Weather Details: Displays temperature, wind speed, humidity, and other weather conditions.
- Weather GIFs: Shows GIFs related to the current weather conditions.
- Recent Searches: Keeps track of the last 5 searches and displays them.
- Dynamic Updates: The interface updates dynamically based on user interactions and fetched data.
This project showcases a range of programming skills and concepts:
- Asynchronous JavaScript: Utilizes
async/awaitfor fetching data from APIs. - Error Handling: Implements custom error handling for API requests.
- Local Storage: Uses
localStorageto save and load recent searches. - Modular Code: Organizes code into modules for better readability and maintainability.
- DOM Manipulation: Updates the user interface based on the fetched data.
- Responsive Design: Ensures that the application is responsive and user-friendly.
- Best Practices: Follows best practices in error handling, logging, and user feedback.
To run the Weather App locally:
- Clone the Repository:
git clone https://github.com/john-walter-munene/Weather-App/edit/main/README.md cd weather-app npm install