A simple, responsive web application that allows users to check real-time weather conditions by entering any city name. It uses the OpenWeatherMap API to fetch live weather data.
- 🔍 Search weather by city name
- 🌡️ Shows current temperature in °C
- 💧 Displays humidity level
- 🌫️ Weather description with matching emoji (☁️🌧️❄️☀️ etc.)
- 📱 Mobile-responsive design
⚠️ Graceful error handling for invalid or empty inputs
- HTML5
- CSS3
- JavaScript (ES6+)
- OpenWeatherMap API
- Responsive design (Flexbox)
- How to fetch data from external APIs using
fetch()
- Handling asynchronous code with
async/await
- Dynamically updating the DOM
- Error handling in JavaScript
- CSS layout using Flexbox
- Basic use of Git & Netlify for deployment
weather-app/ ├── index.html ├── style.css ├── index.js └── README.md
This project is licensed under the MIT License.
Kabinesan R
🔗 LinkedIn
💻 GitHub
Feel free to fork this repo, submit issues, or open pull requests. Contributions are welcome!