A Flutter Weather App leverages the OpenWeatherMap API to fetch real-time weather data
https://github.com/Maliud/weather-app-flutter-main/assets/72108306/a7a35d18-8269-447f-9243-b382d12e3916
Weather App–Flutter-Main
The “Weather App flutter main” project utilizing the OpenWeatherMap API is a mobile application designed to provide users with up-to-date weather information. Users can easily access current weather conditions, forecasts, and related data for current location. This project leverages the OpenWeatherMap API to fetch real-time weather data for current day & forecast of 7 days ahead, making it a valuable tool for users seeking accurate weather information on the go.
Tech Stack
Client: Flutter, Dart
Pub Packages: geocoding, geolocator, http, intl
API Reference
lib/api/openweather_api.dart
| Parameter | Type | Description |
| :——– | :——- | :————————- |
| apiKey
| string
| Required. YOUR OpenAI KEY HERE |
If you don’t have an API Key then CREATE HERE
Features
- Live weather info
- Hourly forecast for 48 hours
- Daily forecast for 8 days
- Cross platform
- Smooth animations
- Weather based on live location
- Light & Dark Theme options
Screenshots
Light Theme
Color Reference
Dark Theme
Color | Hex |
| —————– | —————————————————————— |
| Primary Color | #1F1F1FFF |
| Secondary Color | #282828FF |
| Gradient From Color | #2B5EE5FF |
| Gradiant To Color | #EF63E6FF |
| Active Text Color | #FFFFFFFF |
| Inactive Text Color | #BDBDBDFF |
Light Theme
Color | Hex |
| —————– | —————————————————————— |
| Primary Color | #FFFFFFFF |
| Secondary Color | #EDF6F9FF |
| Gradient From Color | #F3F3F3FF |
| Gradiant To Color | #EDF6F9FF |
| Active Text Color | #000000FF |
| Inactive Text Color | #757575FF |
| Icon Color | #007AD9FF |
Fonts
Icon Assets
Installation
git clone "https://github.com/Maliud/weather-app-flutter-main.git"
cd Weather-App-Flutter-main
Open the project in your desired editor.
Paste your API Key in openweather_api.dart
Build your flutter App
Terminal
flutter build android
flutter build ios
flutter build linux
flutter build macos
flutter build web
flutter build windows
Android Studio
Build > Flutter > Build AAR
Build > Flutter > Build APK
Build > Flutter > Build App Bundle
Build > Flutter > Build iOS
Build > Flutter > Build Web
License
GNU General Public License v3.0
Support
For support, Email: m.aliud@outlook.com