A modern, professional weather app built with Next.js.
- City weather search with real-time API data
- Professional, mobile-friendly UI
- Shows temperature (°C), humidity, wind, weather icon, and description
- Error messages and loading states for great UX
- API key is always kept secure on the server
- Clone this repository
- Install dependencies:
npm install - Create a
.env.localfile in the root:OPENWEATHER_API_KEY=your_openweathermap_api_key_here- (Get a free key at https://openweathermap.org/api)
- Run the development server:
npm run dev- Visit http://localhost:3000
- Enter any city (e.g. London, Nairobi, New York, Tokyo)
- See live weather info in Celsius, humidity, wind, and a useful weather icon/description
- Next.js
- React
- OpenWeatherMap API
- Modern CSS (no dependencies)
We welcome contributions! Please fork the repository and submit a pull request with your changes. For major changes, please open an issue first to discuss what you would like to change.
This project is designed for learning, demos, and further extension.
AI Assistant PR demo participants: OpenAI GPT-4, User.