☁ Weatherio

Weatherio

🧾 Introduction

Weatherio is a web application that provides real-time weather information. It offers features such as viewing the current weather, a 5-day forecast, wind speed, temperature for the current day, sunrise and sunset times, air quality, humidity, visibility, feels like temperature, and atmospheric pressure.

The application is developed using HTML, CSS, and JavaScript, and it utilizes the OpenWeather API to fetch weather data for different cities around the world.

📋 Table of Contents

1. Project Overview
2. Tech-Stack
3. Key Features
4. Prerequisites
5. Installation
6. Functionality
7. Contributing

🗺 Project Overview

The Weatherio is a user-friendly and responsive web application that allows users to search for cities and get detailed weather information. The data is presented in a visually appealing format with easy-to-understand icons and labels.

🧮 Tech Stack

⛳ Key Features:

1. View current weather conditions (temperature, weather icon, and description).
   
2. Get a 5-day weather forecast.
   
3. Display wind speed and temperature every 2 hours for the current day.
   
4. Show sunrise and sunset times for the selected city.
   
5. Provide information about air quality, humidity, visibility, feels like temperature, and atmospheric pressure.
   

⚙ Prerequisites

• Modern web browser (Chrome, Firefox, Safari, etc.).
  
• Internet connection to fetch weather data from the OpenWeather API.

👾 Installation

1. Clone the repository or download the project files to your local machine.
2. Open index.html in your web browser.

🏆 Functionality

1. Users can search for a city to view its weather information.
   
2. The application fetches real-time weather data from the OpenWeather API.
   
3. The current weather section displays the temperature, weather icon, and description.
   
4. The 5-day forecast shows the weather conditions for the next five days.
   
5. The hourly forecast provides wind speed and temperature details for the current day.
   
6. Sunrise and sunset times are displayed for the selected city.
   
7. Additional weather details, including air quality, humidity, visibility, feels like temperature, and atm pressure, are shown.
   
8. The application is responsive and adapts to different screen sizes.
   

📩 Contributing

I would love all and any contributions to enhance the project! If you find any issues or have ideas for improvements, please don't hesitate to report them through GitHub issues. You can also suggest enhancements or submit pull requests to help make this project even better.