Video preview: Preview.mp4
Android apk: Weather App
- IDE: An Integrated Development Environment to view and run the code.
- Recommended: Android Studio Giraffe (2022.3.1 Patch 4) or higher
- Android SDK (Required for Android apps)
- NOTE: If you are using Android Studio as IDE, you won't need to do any additional setup for this.
- Flutter 3.13.0
- Check this flutter setup guide to properly install flutter.
- XCode: 15.0 or Higher (Required for iOS apps)
- Android Kitkat 4.4 or higher
- iOS 12 or higher
Make sure all the required components are installed and properly setup before running below steps. And you are at the root directory of project.
-
Step 1: Run flutter doctor by executing following command and make sure it has no issues. If there are fix those issues before moving to next step.
flutter doctor
-
Step 2: Clone repository from github using below command.
git clone https://github.com/saurabhdetharia-simformsolutions/weather_app
-
Step 3: Open the project in your preferred IDE.
-
Step 4: Get the API key from OpenWeather and set the
appId
variable atlib > values > constants.dart
file.static const appId = '[Paste your key here]'; /// If the api key is "XXXXXXXXXX", it will be like following after pasting it. /// static const appId = 'XXXXXXXXXX';
-
Step 5: Run
flutter pub get
. -
Step 6: Generate all the required files by running following command.
flutter pub run build_runner build --delete-conflicting-outputs
-
Step 7: Make sure an emulator is running. OR a physical device is connected with the system.
-
Step 8: Run the flutter app using following command.
flutter run
We've used OpenWeather API to get the weather data. Make sure you have startup subscription plan of this API.
Also, we have used Open Meteo API to get the location data.
- OpenWeather
- Open-Meteo
- UI Reference: Android's weather app.
- CLEAN Architecture
- BLoC state management
- Android Studio Giraffe
- Flutter SDK 3.13.0
- XCode 15.0
- Postman