Weather App with darksky api to view current weather status in flutter
- Beautiful UI
- Dark Mode
- Current weather: current temperature, max and min temperature, humidity, pressure, wind
- Weather forecast for 7 days
- Weather forecast for 24 hours
- Precipitation Chance chart
- Current Weather icon animation
- Weather based on location
- Google map showing lat & lng
- On and Off switch for widgets
- Offline database of city names
- Flag of each city
- Reverse GeoCoding Info
- Flutter
- Dart Sdk
- Google Maps API Key
- geonames.org API Key
- darksky.net API Key
Go to here and create new project if you don't have
then enable Google Maps for Android & Google Maps for IOS
then get the api key and follow below steps
- Android
open
AndroidManifest.xml
inandroid\app\src\main
find this line:
<meta-data android:name="com.google.android.geo.API_KEY"
android:value="YOUR_API_KEY"/>
replace your key with YOUR_API_KEY
- IOS
open
AppDelegate.m
inios\Runner
find this line:
[GMSServices provideAPIKey:@"YOUR_API_KEY"];
replace your key with YOUR_API_KEY
Get Api from here
open ApiKey.dart
in lib\Utilities
then find this line:
static const DARK_SKY_API = 'YOUR_API_KEY';
replace your key with YOUR_API_KEY
Get Api from here (Register first. Your api key is your username!)
open ApiKey.dart
in lib\Utilities
then find this line:
static const GEO_NAMES_API = 'YOUR_API_KEY';
replace your key(Username) with YOUR_API_KEY
- API: https://darksky.net - http://www.geonames.org
- Icons: Icons8, FlatIcon
- Animations:
- Weather Icons Animation: https://www.2dimensions.com/a/SamadiPour/files/flare/weather-flat-icons/preview
- Liquid Loader: https://www.2dimensions.com/a/SamadiPour/files/flare/liquid-loader/preview
- Flag icons: I can't remember!
- Cities Database: Made from offline data of http://download.geonames.org/export/dump/cities500.zip
- Converted to JSON with https://github.com/lutangar/cities.json
- Converted to Sqlite with https://sqlitebiter.readthedocs.io/en/latest/
- Weather Page Design: https://www.uplabs.com/posts/minimal-weather-app-c4063e3e-ef6e-404a-af6b-1a04f069b122
- Fonts: https://fonts.google.com