Weather Forecast App 🌤️

A simple and elegant weather forecast application that uses the OpenWeatherMap API to display real-time weather information for any city worldwide.

Features

• 🔍 Search weather by city name
• 🌡️ Display current temperature in Celsius
• 💨 Show wind speed, humidity, and pressure
• 🎨 Beautiful, responsive design with gradient background
• ⚡ Real-time weather data from OpenWeatherMap API
• 📱 Mobile-friendly interface

Setup Instructions

1. Get an API Key

1. Visit OpenWeatherMap
2. Sign up for a free account
3. Navigate to your API keys section
4. Copy your API key

2. Configure the Application

1. Open app.js
2. Replace YOUR_API_KEY_HERE with your actual API key:

   const API_KEY = 'your_actual_api_key_here';

3. Run the Application

Option 1: Using a Local Server (Recommended)

If you have Python installed:

# Python 3
python -m http.server 8000

Then open your browser and navigate to http://localhost:8000

Option 2: Using Live Server Extension

1. Install the "Live Server" extension in VS Code
2. Right-click on index.html
3. Select "Open with Live Server"

Option 3: Direct File Access

Simply open index.html in your web browser (some features may be limited due to CORS restrictions).

Usage

1. Enter a city name in the search box
2. Click the "Search" button or press Enter
3. View the current weather information including:
   • Temperature and "feels like" temperature
   • Weather description
   • Humidity percentage
   • Wind speed
   • Atmospheric pressure

Project Structure

.
├── index.html      # Main HTML structure
├── styles.css      # Styling and animations
├── app.js          # JavaScript logic and API calls
└── README.md       # This file

Technologies Used

• HTML5
• CSS3 (with animations and gradients)
• Vanilla JavaScript (ES6+)
• OpenWeatherMap API

API Reference

This app uses the OpenWeatherMap Current Weather Data API

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

License

MIT License - feel free to use this project for learning and development purposes.