This Weather Web App is a simple and intuitive web application that allows users to check the current weather conditions for any city around the world. Built using HTML, CSS, and JavaScript, it fetches real-time weather data from a public API and displays key weather metrics such as temperature, humidity, wind speed, and weather description. The app is fully responsive, ensuring a seamless user experience across different devices.
- Real-time Weather Data: Fetches live weather data for any city using an external weather API.
- Search Functionality: Allows users to search for weather conditions in any city.
- Responsive Design: Optimized for desktop and mobile views.
- Interactive UI: Displays clear weather icons and relevant metrics such as temperature, humidity, wind speed, and weather description.
- HTML: For structuring the app.
- CSS: For styling and making the app responsive.
- JavaScript: For handling logic, API calls, and dynamic content rendering.
- The user enters a city name in the search bar.
- The app fetches weather data from a public API.
- Weather details such as temperature, humidity, wind speed, and a brief description are displayed dynamically on the page.
The app utilizes OpenWeatherMap API to fetch current weather data. You can create a free account on the OpenWeatherMap website and generate an API key to use in the project.
- Add a forecast feature to display weather predictions for the next few days.
- Include a "Current Location" option to automatically fetch weather data based on the user's geolocation.
- Add customizable themes based on current weather conditions (e.g., sunny, rainy, cloudy).
- Clone the repository to your local machine.
- Open the
index.html
file in your browser. - Enter the city name to check the weather conditions.
Welcome to Club Gamma project! We appreciate your interest and contributions. Please read the following guidelines carefully to ensure a smooth collaboration.
- Creativity Allowed: Feel free to submit pull requests that break the rules—we might just merge them anyway!
- No Build Steps: Avoid adding build steps like
npm install
to maintain simplicity as a static site. - Preserve Existing Content: Do not remove existing content.
- Code Style: Your code can be neat, messy, simple, or complex. As long as it works, it's welcome.
- Add Your Name: Remember to add your name to the
contributorsList
file. - Keep it Small: Aim for small pull requests to minimize merge conflicts and streamline reviews.
-
Fork the Repository:
- Use the fork button at the top right of the repository page.
-
Clone Your Fork:
- Clone the forked repository to your local machine.
git clone https://github.com/clubgamma/hacktoberfest2024.git
-
Navigate to the Project Directory:
cd hacktoberfest2024
-
Create a New Branch:
git checkout -b my-new-branch
-
Make Your Changes:
git add .
-
Commit Your Changes:
git commit -m "Relevant message"
-
Push to Your Branch:
git push origin my-new-branch
-
Create a Pull Request:
- Go to your forked repository on GitHub and create a pull request to the main repository.
To keep your fork up-to-date with the main repository and avoid conflicts:
-
Add Upstream Remote:
git remote add upstream https://github.com/clubgamma/hacktoberfest2024.git
-
Verify the New Remote:
git remote -v
-
Sync Your Fork with Upstream:
git fetch upstream git merge upstream/main
This will pull in changes from the parent repository and help you resolve any conflicts.
-
Keep Updated:
- Regularly pull changes from the upstream repository to keep your fork updated.
Add your name to the CONTRIBUTING.md
file using the below convention:
#### Name: [YOUR NAME](GitHub link)
- Place: City, State, Country
- Bio: Who are you?
- GitHub: [GitHub account name](GitHub link)
We look forward to your contributions and thank you for being a part of our community!