This is a simple weather application that allows users to view their current weather and search for weather information by city. The app fetches real-time weather data using the OpenWeather API and displays information like temperature, wind speed, humidity, and cloudiness.
- User's Weather: Automatically fetches and displays the user's current location weather information (with location access permission).
- Search Weather: Allows users to search for weather details of any city worldwide.
- Real-time Data: Displays temperature, weather description, wind speed, humidity, and cloudiness.
- Clean UI: A responsive and simple user interface with smooth tab transitions.
- HTML5: Structure of the application.
- CSS3: Styling and layout with a modern, responsive design.
- JavaScript: Application logic and API integration.
- OpenWeather API: Fetching real-time weather data.
-
Clone the repository:
git clone https://github.com/your-username/weather-app.git
-
Navigate into the project directory:
cd weather-app -
Open
index.htmlin your browser. -
To test the weather search, enter a city name and click the search button.
This project uses the OpenWeather API. Make sure to replace the API_KEY variable in scripts.js with your own API key.
const API_KEY = "YOUR_OPENWEATHER_API_KEY";- Add error handling for invalid city names.
- Improve mobile responsiveness.
- Display additional weather data (like sunrise, sunset, or air quality).
- Add a dark/light theme toggle.
Contributions are welcome! If you’d like to improve this project, feel free to fork the repo and submit a pull request.
Developed by Gedela Durga Sai Saketh