🌦️ Smart India Hackathon - Weather Dashboard

This project is a AQI DETECTOR built using Next.js and qualified at the college level for Smart India Hackathon 2024. It displays real-time weather data based on city input or geolocation.

---

🚀 Live Demo

Hosted on Vercel, this app is fully responsive and works across devices.

---

📦 Tech Stack

• Framework: Next.js
• Language: TypeScript
• Styling: Tailwind CSS (optional, if used)
• Font: Geist by Vercel
• APIs: Weather API (e.g., OpenWeatherMap)
• Deployment: Vercel

---

🛠 Getting Started

1. Clone the repository

git clone https://github.com/your-username/Smart-India-Hackathon-College-Qualified.git
cd Smart-India-Hackathon-College-Qualified

2. Install dependencies

npm install
# or
yarn install
# or
pnpm install

3. Run the development server

npm run dev
# or
yarn dev

Open http://localhost:3000 in your browser to see the result.

---

🖼️ Key Features

• 🔍 Search weather by city name
• 📍 Auto-detect location and display weather
• 🌞🌙 Toggle between light and dark mode
• 🎙️ Voice search for input
• 🌐 Multi-language support
• 📊 Displays:
  • Current temperature
  • Weather condition
  • Humidity
  • Wind speed & direction
  • Precipitation & pressure
  • UV Index

---

📁 Folder Structure

/app
  └── page.tsx          # Main landing page
/public
  └── ...               # Static files
/styles
  └── globals.css       # Global styles

---

📘 Learn More

• Next.js Documentation
• Next.js Learn
• Vercel Deployment Guide

---

🏆 Project Status

✅ Qualified at the college level for Smart India Hackathon 2024.
🚀 Live and hosted on Vercel.