A beautiful and minimal Weather Forecast App built with Flutter and powered by the OpenWeatherMap API.
It shows the current weather, hourly forecast, and additional info such as humidity, wind speed, and pressure — all wrapped in a sleek glass-morphism UI.
Second app idea of the YouTube tutorial that helped me make the currency converter before.
- 🌤 Fetches live weather data using OpenWeatherMap API
- 🕒 Displays hourly forecast with icons and temperature
- 💧 Shows humidity, pressure, and wind speed
- 🔄 Pull-to-refresh for instant updates
- 💎 Clean UI with Glass-morphism effect
- 🚀 Built entirely using Flutter & Dart
- Framework: Flutter
- Language: Dart
- API: OpenWeatherMap
- Packages Used:
http→ to fetch data from APIintl→ for time formatting
-
Clone the repo
git clone https://github.com/<your-username>/weather_app.git cd weather_app
-
Install dependencies bash Copy code flutter pub get
-
Add your API key Create a file named lib/secrets.dart and add:
dart Copy code const openWeatherAPIKey = 'YOUR_API_KEY_HERE';
- Run the app bash Copy code flutter run
🖼 Folder Structure
graphql weather_app/ │ ├── android/ # Android specific files ├── ios/ # iOS specific files ├── lib/ │ ├── additional_info_item.dart │ ├── hourly_forecast_item.dart │ ├── main.dart │ ├── secrets.dart # contains your API key │ └── weather_screen.dart # main UI and logic │ ├── pubspec.yaml └── README.md