A modern, responsive weather dashboard built with Next.js that provides real-time weather data, forecasts, and visualizations.

• Real-time Weather: Get current temperature, humidity, wind speed, visibility, and pressure.
• Location Detection: Automatically detects user location to show local weather.
• City Search: Search for weather in any city with autocomplete suggestions.
• 5-Day Forecast: View hourly and daily weather forecasts.
• Data Visualization: Interactive temperature trend chart using Recharts.
• Air Quality Index (AQI): Displays current air quality levels.
• Dark Mode: Toggle between light and dark themes.
• Unit Conversion: Switch between Celsius and Fahrenheit.
• Responsive Design: Glassmorphism UI that works on desktop and mobile.

• Framework: Next.js
• Styling: CSS Modules / Global CSS (Glassmorphism design)
• Charts: Recharts
• HTTP Client: Axios
• API: OpenWeatherMap API

• Node.js installed on your machine.
• An API key from OpenWeatherMap.

1. Clone the repository:

   git clone https://github.com/yourusername/weather-monitoring-dashboard.git
   cd weather-monitoring-dashboard

2. Install dependencies:

   npm install
   # or
   yarn install

3. Set up Environment Variables: Create a .env.local file in the root directory and add your OpenWeatherMap API key:

   OPENWEATHER_API_KEY=your_api_key_here

4. Run the development server:

   npm run dev

5. Open your browser: Navigate to http://localhost:3000 to view the app.