https://github.com/techysanoj/weatherwatcher

WeatherWatcher is a simple web app where users can check the weather for any city and state within India. Additionally, users can click the "Your Weather" button, which requests location permission to display the current weather based on the user's geolocation.
https://github.com/techysanoj/weatherwatcher

Last synced: 15 days ago
JSON representation

WeatherWatcher is a simple web app where users can check the weather for any city and state within India. Additionally, users can click the "Your Weather" button, which requests location permission to display the current weather based on the user's geolocation.

• Host: GitHub
• URL: https://github.com/techysanoj/weatherwatcher
• Owner: techysanoj
• Created: 2024-10-28T03:06:34.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-05T04:49:27.000Z (about 2 months ago)
• Last Synced: 2024-11-05T05:28:04.519Z (about 2 months ago)
• Language: JavaScript
• Homepage: https://weather-watcher-mauve.vercel.app
• Size: 269 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WeatherWatcher 🌤️

WeatherWatcher is a web app where users can check the weather for any city and state within India. Additionally, users can click the "Your Weather" button, which requests location permission to display the current weather based on the user's geolocation.

## Features

- 🌍 **Search Weather by City and State**: Enter any Indian city and state to get real-time weather information.

- 📍 **Geolocation Support**: Allow location access to automatically fetch and display the current weather for your location.

- 🌦️ **Dynamic Weather Animations**: Weather conditions are displayed with appropriate [Lottie](https://lottiefiles.com/) animations, making the experience visually engaging. Different weather types such as rain, sunshine, or thunderstorms are represented with unique animations.

- ⚡ **Advanced JavaScript and OpenWeather API**: Utilizes advanced JavaScript for asynchronous API calls to the [OpenWeather API](https://openweathermap.org/). Weather data is fetched dynamically, including details like temperature, humidity, and weather conditions.

  

## Demo

Try it out here: [WeatherWatcher Live Demo](https://weather-watcher-new.vercel.app/)

## Screenshots

![WeatherWatcher Screenshot](homepage.png)

## Usage

- **Check Weather by City**: Enter the city and state name (e.g., `Delhi, Delhi`) and click the "Get Weather" button.

- **Your Weather**: Click the "Your Weather" button to allow location access and view your current location's weather.

  

## Technologies Used

- **Frontend**: HTML, CSS, JavaScript

- **API**: [OpenWeather API](https://openweathermap.org/)

- **Animations**: Lottie animations for visually appealing weather icons.

  

## Contributing

Contributions are welcome! Follow these steps:

1. Fork the project.

2. Create your feature branch (`git checkout -b feature/your-feature`).

3. Commit your changes (`git commit -m 'Add new feature'`).

4. Push to the branch (`git push origin feature/your-feature`).

5. Open a pull request.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

---

Happy coding! 🌧️☀️