Weather Dashboard – React + Open-Meteo API

A responsive weather application built with React, Tailwind CSS, and the Open-Meteo API.
It lets users search for a city, view a 7-day forecast, and check hour-by-hour weather details.

---

✨ Features

• City Search & Geocoding – Search any city using the Open-Meteo Geocoding API.
• Current & Forecast Weather – View current conditions and a 7-day forecast.
• Hourly Details – Select a day to display temperature, humidity, “feels like,” wind speed, and precipitation for every hour.
• Unit Switching – Toggle between Metric (°C, km/h, mm) and Imperial (°F, mph, in) units with a single click.
• Dynamic Icons – Weather icons update automatically based on Open-Meteo weather codes.

---

🛠 Tech Stack

• React – Component-based UI
• Tailwind CSS – Utility-first styling
• Open-Meteo API – Weather and geocoding data
• JavaScript Utilities – Client-side unit conversion

---

📸 Screenshot!

---

🚀 Getting Started

Prerequisites

• Node.js ≥ 18
• npm ≥ 9

Installation

git clone https://github.com/<your-username>/<repo-name>.git
cd <repo-name>
npm install