Weather Site is a simple and interactive web application that displays current weather information for a user’s chosen city. It provides real-time weather details using external weather APIs and offers a clean user interface to search and view weather conditions.
This project allows users to search for any city around the world and see live weather updates, including temperature, humidity, wind speed, and weather conditions. The site is built with HTML, CSS, and JavaScript and demonstrates how to integrate third-party weather APIs into a frontend web application.
- 🔍 Search weather by city name
- ☀️ Display current temperature and conditions
- 💧 Show additional details like humidity and wind speed
- 📱 Responsive and user-friendly interface
- 🌍 Works for cities worldwide
- HTML5 – Structure of the web pages
- CSS3 – Styles and responsive layout
- JavaScript – API calls and DOM manipulation
- Weather API – Live weather data (e.g., OpenWeatherMap – replace with your own API key)
To run this project locally:
git clone https://github.com/AksaMJML/weather-site.git
cd weather-site- Sign up for a weather API (e.g., OpenWeatherMap).
- Replace the placeholder API key in your JavaScript file with your own:
const apiKey = 'YOUR_API_KEY_HERE';