Weather App

A modern, responsive weather application built with React, TypeScript, and Tailwind CSS. It fetches live weather data and displays daily and hourly forecasts with a clean, user-friendly interface. It supports metric & imperial measurements.

---

Features

• Current Weather: Displays temperature, feels like, humidity, wind speed, and precipitation.
• Daily Forecast: Shows min/max temperatures and weather conditions for the next 7 days.
• Hourly Forecast: Scrollable hourly data with automatic scroll to the current hour.
• City Search: Search and switch between cities.
• Responsive Design: Works on desktop and mobile devices.
• Dynamic Icons: Weather condition icons change according to the forecast.

---

Screenshots

---

Tech Stack

• React + TypeScript
• Tailwind CSS for styling
• Open-Meteo API for weather data

---

Installation

1. Clone the repository:

   git clone https://github.com/ShadowLauw/weather-app.git
   cd weather-app

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser at http://localhost:5173

---

Note

This is a solution to the Weather app challenge on Frontend Mentor.