Skip to content

kawalgrewal/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App 🌦️

Welcome to the Weather App repository! This is a simple, user-friendly web application that displays real-time weather information based on the user's current location. The app is developed using JavaScript and leverages a weather API to provide accurate and up-to-date weather data.

📋 Features

  • Automatic Location Detection: The app uses the browser's geolocation API to detect the user's location automatically.
  • Real-Time Weather Information: Displays current weather conditions, including temperature, humidity, wind speed, and weather descriptions.
  • Dynamic Weather Icons: Shows relevant weather icons that match the current weather conditions (e.g., sunny, cloudy, rainy).
  • Minimalistic and Responsive Design: Designed with simplicity in mind, the app works seamlessly on all devices—desktop, tablet, and mobile.
  • Background Update: The app dynamically updates the background based on weather conditions, providing a visually engaging experience.

🛠️ Technologies Used

  • JavaScript: Handles geolocation, API calls, and dynamic content updates.
  • HTML & CSS: Provides the structure and styling for the application.
  • Weather API: Integrates with an external weather API (such as OpenWeatherMap) to fetch real-time weather data.

🚀 Getting Started

To get a local copy up and running, follow these simple steps:

  1. Clone the Repository:

    git clone https://github.com/yourusername/weather-app.git
  2. Open the Project:
    Navigate to the project directory and open index.html in your web browser.

  3. API Key Setup:
    Obtain an API key from a weather service provider (like OpenWeatherMap) and replace the placeholder in the JavaScript file:

    const apiKey = 'YOUR_API_KEY_HERE';

🔧 How It Works

  1. Geolocation: The app uses the browser's geolocation feature to get the user's latitude and longitude.
  2. Fetch Weather Data: It sends a request to the weather API using the location coordinates to get current weather data.
  3. Display Data: The app updates the UI with the fetched weather data, including temperature, conditions, and more.

📈 Demo

Check out a live demo of the app here.

🤝 Contributing

Contributions are welcome! If you have suggestions or improvements, please fork the repository and submit a pull request.

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes and commit them (git commit -m 'Add new feature').
  4. Push to the branch (git push origin feature-branch).
  5. Open a pull request.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.


Feel free to explore, contribute, and share your feedback to help improve this project. Happy coding! 🌍💻


By following this description format, users and contributors can easily understand what the app does, how it works, and how they can set it up or contribute.

About

This app pulls the data from an API and then displays the current weather of a city.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors