A simple and responsive Weather App that fetches real-time weather data based on user input using the OpenWeather API. Built as part of my journey to enhance my web development skills, this project demonstrates my ability to work with APIs, DOM manipulation, and responsive design.
Check out the live version of the Weather App here:
👉 Weather App
This Weather App allows users to enter a city name and get real-time weather details such as temperature, humidity, wind speed, and weather description. The app uses the OpenWeather API to fetch data and displays it dynamically using JavaScript DOM manipulation. The design is clean and responsive, ensuring a seamless experience across devices.
- Search weather by city name.
- Displays temperature, humidity, wind speed, and weather description.
- Responsive design for desktop and mobile.
- Error handling for invalid city names.
- Clean and minimal UI with a background that adapts to the weather.
- Frontend: HTML5, CSS3, JavaScript (ES6)
- API: OpenWeather API
- Tools: Git, GitHub, VS Code
- Enter the name of a city in the search bar.
- Click the search button or press Enter.
- The app fetches weather data from the OpenWeather API.
- Weather details (temperature, humidity, wind speed, etc.) are displayed dynamically on the page.
- If the city name is invalid, an error message is shown.
To run this project locally:
- Clone the Repository:
git clone https://github.com/Subham799/Weather-App.git