Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dinithmaleesha/flutter-weather-wave

Weather Wave: A Flutter app
https://github.com/dinithmaleesha/flutter-weather-wave

api bloc-state-management flutter flutter-api-implementation flutter-weather-app weather-app

Last synced: 5 days ago
JSON representation

Weather Wave: A Flutter app

Awesome Lists containing this project

README

        

# 🌊 Weather Wave

**Weather Wave** is a Flutter-based weather app that provides real-time weather updates, powered by [WeatherAPI.com](https://www.weatherapi.com/). Stay ahead of the weather with precise data and a clean, intuitive interface.

## ✨ Features

- 🌍 **Current Location Weather**: Automatically fetches the user's current location to display weather details.
- ☀️ **Current Weather**: Shows the current weather, including temperature and "feels like" temperature.
- 🕒 **Hourly Forecast**: Provides weather forecasts on an hourly basis.
- 🌬️ **Wind Information**: Displays wind direction and wind speed.
- 🌧️ **Rainfall**: Shows expected or current rainfall.
- 👁️ **Visibility**: Displays visibility information in kilometers.
- 💧 **Humidity**: Shows the current humidity level.
- 🔆 **UV Index**: Provides the UV index along with a color-coded gauge.
- ☁️ **Cloud Coverage**: Displays the percentage of cloud coverage.
- 🌇 **Other Cities Weather**: Currently hard-coded to display weather information for 5 cities, with plans to implement dynamic city selection.

## 🚀 Getting Started

### Prerequisites

- 🛠️ [Flutter SDK](https://flutter.dev/docs/get-started/install)
- 🔑 API key from [WeatherAPI.com](https://www.weatherapi.com/)

### Installation

1. Clone this repository:
```bash
git clone https://github.com/dinithmaleesha/flutter-weather-wave
2. Navigate to the project directory:
```bash
cd flutter-weather-wave
3. Install the dependencies:
```bash
flutter pub get
4. Add your API key from [WeatherAPI.com](https://www.weatherapi.com/) to the `lib/services/api_service.dart` file
```bash
final apiKey = 'your_api_key_here';
6. Run the app:
```bash
flutter run

## 🖼️ Screenshots

| Home Screen | Home Screen | Cities Weather |
|----------------------------------------------|----------------------------------------------|--------------------------------------------|
| ![Home Screen](assets/screenshots/Screenshot_01.png) | ![Home Screen](assets/screenshots/Screenshot_2.png) | ![Cities Weather](assets/screenshots/Screenshot_3.png) |

## 📜 Credits
[![Weather data by WeatherAPI.com](https://cdn.weatherapi.com/v4/images/weatherapi_logo.png)](https://www.weatherapi.com/)
- Weather data provided by [WeatherAPI.com](https://www.weatherapi.com/)
- Images and icons used in the app are sourced from the internet. Full credit goes to the original creators and owners. Unfortunately, the exact sources of these images are unknown. If you are the owner of any image used in this app and want it removed or properly credited, please contact us.

## 🛠️ Issues

If you encounter any issues or have suggestions for improvements, please [open an issue](https://github.com/dinithmaleesha/flutter-weather-wave/issues) on GitHub. We appreciate your feedback and contributions!