Weather App

Project Overview

This Weather App is a minimalist Python command-line tool that fetches current weather data from the OpenWeatherMap API. It accepts one or more comma-separated city names, supports Celsius or Fahrenheit units, and prints temperature, humidity, wind speed and a short weather description for each city. The script focuses on clear, resilient API usage with basic input validation and error messages.

How to Run

Run the script from the command line and follow the prompts:

python main.py
Choose temperature unit (C for Celsius, F for Fahrenheit): C
Enter city names separated by commas (e.g., London,New York,Paris): London,Paris

The script will print weather details for each city entered. Ensure you have an OpenWeatherMap API key set in the script or environment before running.

Features Showcase

The app comes with a clean, intuitive interface where users can search for any city and instantly get detailed weather information.

Weather Details

When a user searches for a city, the app provides comprehensive weather information including current conditions, temperature, humidity, wind speed, and pressure. The background dynamically changes to reflect the current weather at the searched location.

Key Features

• Real-time Weather Data: Fetches up-to-date weather information from OpenWeatherMap API.
• 5-day Forecast: Provides a detailed 5-day weather forecast, helping users plan ahead.
• Dynamic Background Images: Backgrounds change based on both the searched location and current weather conditions using Unsplash API.
• Weather Icons: Visual weather representations using the Weather Icons library for quick comprehension.
• Responsive Design: Optimized for all device sizes from mobile phones to desktop computers.
• Error Handling: Robust error handling for invalid searches or API failures.

Weather Icons

The app uses a comprehensive set of weather icons to visually represent different weather conditions:

Technical Details

API Integration

The app integrates with multiple external APIs:

• OpenWeatherMap API: Provides current weather data and forecasts.
• Unsplash API: Supplies high-quality images related to the searched location.

JavaScript Implementation

The core functionality is implemented in JavaScript:

• Asynchronous Fetching: Uses Fetch API and Promises to handle asynchronous API requests.
• Dynamic DOM Updates: Manipulates the DOM to display weather data and update the UI.
• Weather Mapping: Maps weather conditions to appropriate icons and background images.
• Error Handling: Implements comprehensive error handling for API failures and invalid user inputs.

How to Use

1. Open the application in your web browser.
2. Enter a city name in the search field.
3. Click the "Get Weather" button.
4. View the current weather conditions and 5-day forecast for your selected location.
5. Enjoy the dynamic background that changes based on the city and weather conditions.

Back to Projects