The Weather App is a lightweight, user-friendly application that provides real-time weather updates for any location around the globe. By entering the name of a city or a location, users can instantly view the current weather conditions, including temperature, humidity, wind speed, and a relevant weather image. The app is designed to give you accurate and up-to-date weather information at your fingertips.
- Real-Time Weather Data: Fetches the most current weather information using a reliable weather API.
- Search Functionality: Enter any location to get real-time weather updates.
- Detailed Weather Information: Displays temperature, wind speed, humidity, and weather conditions.
- Dynamic Images: Shows stock images that correspond to the current weather condition (e.g., sunny, cloudy, rainy).
- Frontend: HTML, CSS, JavaScript
- API: Weather API (e.g., OpenWeatherMap API)
- Images: Stock images related to weather conditions
To run the Weather App locally, follow these steps:
-
Clone the Repository:
git clone https://github.com/Hustler004/WeatherApp.git cd WeatherApp
-
API Key Setup:
- Obtain an API key from the weather API provider (e.g., OpenWeatherMap).
- Open the
script.js
file in your project. - Add your API key in the relevant part of the JavaScript code:
const apiKey = 'your_api_key_here';
-
Open the Application:
- Simply open the
index.html
file in your web browser to run the application.
- Simply open the
-
Search for a Location:
- Use the search bar to enter the name of a city or location.
- Click the "Search" button.
-
View Weather Details:
- The app will display the current temperature, wind speed, humidity, and an appropriate weather image based on the conditions.
-
Refresh Data:
- To get the latest weather information, you can search for the location again.
index.html
: The main HTML file that structures the app's user interface.style.css
: The CSS file for styling the app.script.js
: The JavaScript file that handles API calls and dynamic content updates.images/
: A folder containing stock images corresponding to different weather conditions.
If you would like to contribute to the project, please follow these steps:
- Fork the repository.
- Create a new branch with your feature or bug fix.
git checkout -b feature/your-feature-name
- Commit your changes.
git commit -m "Add your message here"
- Push to the branch.
git push origin feature/your-feature-name
- Open a pull request on GitHub.
- OpenWeatherMap for providing the weather API.
- Contributors and community members for their support and ideas.
For any inquiries, suggestions, or issues, feel free to reach out:
- GitHub: Hustler004
- Email: [email protected]