Weather Forecast Website 🌤️

A modern, responsive web application that provides real-time weather information for any city worldwide. Users can view current weather, detailed conditions, and a 7-day forecast with interactive charts and dynamic backgrounds.

---

Features

• Search any city worldwide for current weather
• Display temperature, humidity, wind speed, and weather conditions
• 7-day forecast with interactive charts
• Dynamic icons and background changes based on weather
• Fully responsive for desktop and mobile
• Clean and intuitive interface

---

Technologies Used

• Vite – fast frontend tooling
• TypeScript – typed JavaScript for safer code
• React – UI library
• shadcn-ui – UI components
• Tailwind CSS – utility-first styling
• OpenWeatherMap API – fetch weather data
• Chart.js – display interactive weather trends

---

Prerequisites

• Node.js (v18+)
• npm (comes with Node.js)
• Optional: nvm for Node version management

---

Installation & Setup

sh

Step 1: Clone the repository using the project's Git URL.

git clone <YOUR_GIT_URL>

Step 2: Navigate to the project directory.

cd <YOUR_PROJECT_NAME>

Step 3: Install the necessary dependencies.

npm i

Step 4: Start the development server with auto-reloading and an instant preview.

npm run dev