A simple and elegant weather application that provides real-time weather updates based on the city name entered by the user. Built using HTML, CSS, and JavaScript, this app fetches weather data from the OpenWeatherMap API and displays weather conditions along with relevant icons and backgrounds.
- 🌍 Search weather conditions for any city worldwide.
- 📡 Fetches real-time weather data from the OpenWeatherMap API.
- 🌡️ Displays temperature, weather description, and location.
- 🎨 Dynamic weather icons based on weather conditions.
- 🎯 Keyboard support (Press Enter to search).
- 🔥 Stylish UI with a glassmorphism effect.
- ⚡ Error handling for invalid city searches.
- HTML - Structuring the application.
- CSS - Styling the UI with glassmorphism effects.
- JavaScript - Fetching data from the API and updating the DOM.
- OpenWeatherMap API - Retrieving live weather details.
-
Clone the repository:
git clone https://github.com/NilanshuBasnet/WeatherApp.git
-
Navigate to the project directory:
cd weather_app -
Open the
index.htmlfile in your browser.
- This project uses OpenWeatherMap API. To make it work, you need an API key.
- Replace
API_KEYinscript.jswith your own API key from OpenWeatherMap.
| Search Page | Weather Display |
|---|---|
![]() |
![]() |
Note: The images used in this project are linked from Pixabay

