This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devHere’s a clean, professional **README.md context** you can directly copy-paste for your **AI Powered Weather Chatbot** project 👇
---
# 🌦️ AI-Powered Weather Chatbot
An **AI-powered weather chatbot** that provides real-time weather information, forecasts, and climate insights through a simple and interactive conversational interface. Users can search for any city worldwide and instantly receive accurate weather updates, including temperature, humidity, wind speed, and extended forecasts.
---
## 🚀 Features
* 🌍 **City-based weather search** with smart location suggestions
* 🤖 **AI-powered conversational interface** for natural user interaction
* ⏱️ **Real-time weather data** using reliable public APIs
* 📅 **Hourly & 7-day forecasts**
* 🌡️ **Metric & Imperial units toggle**
* 🌞🌙 **Day/Night (Light/Dark) mode**
* 📱 **Responsive UI** for desktop and mobile devices
---
## 🛠️ Tech Stack
* **Frontend:** Next.js (React), TypeScript
* **Styling:** Tailwind CSS
* **Icons:** Lucide React
* **Weather API:** Open-Meteo API
* **AI Logic:** Rule-based + AI-assisted responses
---
## 📸 How It Works
1. User enters a city name in the chatbot interface
2. AI processes the query and fetches location data
3. Weather data is retrieved in real time
4. The chatbot responds with current conditions and forecasts
---
## ⚙️ Installation & Setup
```bash
# Clone the repository
git clone https://github.com/your-username/ai-weather-chatbot.git
# Navigate to the project folder
cd ai-weather-chatbot
# Install dependencies
npm install
# Start the development server
npm run devOpen your browser and visit: 👉 http://localhost:3000
- Open-Meteo Weather API – Free, fast, and no API key required
- Daily weather checks
- Travel planning
- Educational AI projects
- Demonstration of AI + API integration
- Voice-based weather queries 🎙️
- Weather alerts & notifications
⚠️ - Personalized weather recommendations
- Multilingual support 🌐
Arpit AI & Web Development Enthusiast
This project is licensed under the MIT License – feel free to use and modify it.
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.