Full Functional Weather App Built With FLutter and Provider
Note
In the pubspec.yamle file you will find the .env file in the assets, you will have to create one
Flutter version of the project : v3.24.4
1- Go to OpenWeatherMap and create a new API Key
2- Run the command git clone https://github.com/Cisco0xf/SkyTrack-Weather-App.git
3- In the project directory, run flutter clean ,then flutter pub get
4- Create the .env file (which it already added in the assets)
5- In the .env file create new variable WEATHER_API_KEY = "YOU_API_KEY"
6- Now, the project is ready, run flutter build apk
dependencies:
cupertino_icons: ^1.0.8
fl_chart: ^0.69.0
flutter:
sdk: flutter
flutter_map: ^7.0.2
flutter_native_splash: ^2.4.1
flutter_svg: ^2.0.10+1
geocoding: ^3.0.0
geolocator: ^13.0.1
http: ^1.2.2
intl: ^0.19.0
latlong2: ^0.9.1
lottie: ^3.1.2
permission_handler: ^12.0.1
provider: ^6.1.2
shared_preferences: ^2.3.2
toastification: ^2.3.0
flutter_localizations:
sdk: flutter
flutter_dotenv: ^6.0.0
-
Clean and well-organized code architecture
-
Local database caching for weather data
-
Provider state management implementation
-
Modern UI/UX with smooth animations
-
Weather charts using fl_chart
-
Offline data fallback support
-
Interactive weather maps with
flutter_map -
Location-based weather data on map
-
Multiple location support with city search
-
Better API error handling and retry logic
-
Unit conversion (Celsius/Fahrenheit, etc.)
-
Dynamic themes and animated backgrounds
-
More detailed weather metrics
| Main Screen | Hourly Weather Data | Data Visualization |
![]() |
![]() |
![]() |
| Forcast Screen | Searching Screen | Catch Location |
![]() |
![]() |
![]() |
| Second theme | Light theme | Light theme |
![]() |
![]() |
![]() |
| Init Search |
![]() |
MIT © Mahmoud Nagy









