Weather App

Overview

The Weather App is a web application that allows users to check the current weather conditions, a 5-day forecast, air quality index, and other important meteorological data for any city. Users can enter a city name manually or fetch weather data for their current location.

Features

• Search Weather by City: Users can enter a city name to get real-time weather updates.
• Current Location Support: Fetch weather data based on the user's current location.
• Current Weather Details: Displays temperature, weather conditions, date, and location.
• 5-Day Weather Forecast: Provides a forecast for the upcoming five days.
• Air Quality Index: Shows AQI levels with details such as PM2.5, PM10, CO, NO2, and more.
• Sunrise & Sunset Times: Displays the sunrise and sunset times for the selected location.
• Additional Weather Metrics:
  • Humidity
  • Atmospheric Pressure
  • Visibility
  • Wind Speed
  • Feels Like Temperature
• Hourly Forecast: Shows weather predictions for different times of the day.

Technologies Used

• HTML: Structure of the web page.
• CSS: Styling and layout.
• JavaScript: Handles API calls and dynamic content updates.
• OpenWeather API: Fetches real-time weather and forecast data.
• FontAwesome & Boxicons: Used for icons and visual enhancements.
• Moment.js: Handles date and time formatting.

How to Run the Project

1. Clone the repository:

   git clone https://github.com/your-repo/weather-app.git

2. Navigate to the project folder:

   cd weather-app

3. Open index.html in a web browser.

Setup API Key

This project uses the OpenWeather API. To use the app, you need to obtain an API key:

1. Sign up on OpenWeather and get your API key.
2. Open index.js and replace YOUR_API_KEY with your actual API key.

Future Enhancements

• Improve UI/UX for better responsiveness.
• Add more weather details like UV index.
• Deploy the application online.

License

This project is open-source and free to use.

Contact

For any questions or contributions, feel free to reach out!