Weather App is a dynamic and user-friendly web application designed to provide real-time weather information, including temperature, humidity, wind speed, and more. Utilizing the OpenWeatherMap API, this app allows users to search for weather details by city and supports both metric (Celsius) and imperial (Fahrenheit) units to cater to a global audience.
- 🔍 City Search: Easily search for any city to get current weather information.
- 🌡️ Temperature Units: Switch between Celsius (°C) and Fahrenheit (°F) units.
- 🌦️ Weather Details: View detailed weather information, including real feel, humidity, wind speed, and atmospheric pressure.
- 📱 Responsive Design: Crafted to provide an optimal viewing experience across a wide range of devices.
Watch the demo video to see the Weather App in action:
Weather App in action
Farenheight Convertion
Make sure you have the following installed on your local machine:
- A modern web browser capable of running HTML5, CSS3, and JavaScript.
- An API key from OpenWeatherMap.
-
Clone the repository:
git clone https://github.com/KDvs123/weather-app.git cd weather-app
-
Setup API Key:
- Open
app.js
and replace"your_api_key"
with your actual OpenWeatherMap API key:const API_KEY = "your_api_key";
- Open
-
Run the application:
- Open
index.html
in your web browser to run the app.
- Open
- Search for a city: Enter a city name in the search box and press enter or click the magnifying glass icon.
- View Weather Information: The app will display current weather information for the specified city.
- Toggle Temperature Units: Click on the °C or °F buttons to toggle between Celsius and Fahrenheit units.
weather-app/
│
├── index.html
├── style.css
└── app.js
Contributions are welcome! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch
). - Make your changes.
- Commit your changes (
git commit -m 'Add new feature'
). - Push to the branch (
git push origin feature-branch
). - Open a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
For any questions or suggestions, feel free to reach out:
- 📧 Email: vihangasupasan2001@gmail.com
- 🐙 GitHub: KDvs123
Enjoy using the Weather App! 🌤️😊