A simple and interactive weather application built using HTML, CSS, and JavaScript. This app fetches real-time weather data from the OpenWeather API, allowing users to check the weather conditions of their chosen city.
- City Search: Users can enter the name of any city to fetch its current weather data.
- Current Weather Display: Displays temperature, humidity, wind speed, and a weather description.
- Dynamic Weather Icons: Shows corresponding weather icons based on the weather conditions.
- Responsive Design: Works well on both mobile and desktop devices.
- HTML: Structure of the application.
- CSS: Styling and layout of the app.
- JavaScript: Functionality for fetching and displaying weather data.
- OpenWeather API: Source of weather data.
To run this project locally, follow these steps:
-
Clone the repository:
git clone <https://github.com/iamvtyagi/weather-apk-project.git>
-
Navigate to the project directory:
cd weather-app
-
Open index.html in your web browser.
-
Make sure to replace the placeholder API key in first.js with your own OpenWeather API key. You can get one by signing up at OpenWeather.
- Enter the name of a city in the input field.
- Click the search button (magnifying glass icon).
- The app will display the current temperature, humidity, wind speed, and a weather description for the specified city.
This project is licensed under the MIT License.
- OpenWeather API for providing weather data.
- Font Awesome for icons.
We welcome contributions!
-
Fork the Repository.
-
Clone Your Fork:
git clone https://github.com/iamvtyagi/weather-apk-project.git
3.Create a New Branch: git checkout -b my-feature-branch
4.Make Your Changes and commit them: git commit -m "Description of changes"
- Push to Your Fork: git push origin my-feature-branch 6.Create a Pull Request on the original repository.
- Follow the project's style.
- Include clear commit messages.
- Describe any bugs and fixes.
For any inquiries, suggestions, or feedback, feel free to reach out:
- Email: vanshjii021@gmail.com
- GitHub: iamvtyagi
We appreciate your feedback and contributions!