🌦️ Mini Weather App

A mini project online weather application that uses the OpenWeatherMap API to display real-time weather information without using a framework.
Built using HTML, CSS, and JavaScript, this project demonstrates basic API integration and dynamic UI updates.

---

🚀 Demo

https://mhar-weather-old.vercel.app/

---

📌 About the Project

This mini project allows users to search for any city and instantly retrieve weather details such as temperature, humidity, and conditions.
It is designed to be beginner-friendly and focuses on core web development concepts such as:

• DOM manipulation
• Fetching API data
• Displaying dynamic content
• Basic error handling

---

🚀 Technologies:

• HTML
• CSS
• JavaScript
• OpenWeatherMap API

---

✨ Features

Based on your public repository: WeatherApp.

🔍 City Weather Search

• Search any city across the globe
• Automatically fetches weather data from OpenWeatherMap API

🌡️ Real-Time Weather Data

• Temperature
• Weather condition (Clear, Cloudy, Rain, etc.)
• Humidity level
• Wind speed

⚠️ Error Handling

• Displays a message when the city is not found
• Prevents empty search submissions

🎨 Clean & Simple UI

• Minimal and user-friendly interface
• Responsive layout for mobile and desktop

---

📂 Project Setup

1️⃣ Clone the Repository

git clone https://github.com/mhardev/WeatherApp.git
cd WeatherApp

---

👨‍💻 Developer

Joshua Mhar M. Alcubilla
Web Developer