Flutter Weather App Tutorial | Dio x Riverpod Tutorial for beginners
Learn how to build a minimalist weather app in Flutter. In this tutorial I will teach you how to build a functional weather app using REST Api's and Dio package. We will also use Riverpod for state management. This app uses two different Api's for getting weather data openweathermap.org and open-meteo.com.
Features of the App:
1. Daily Weather Info
2. 3-hour Forecast for upto 5 days
3. Weekly Forecast for 7 days
4. Weather For famous cities
5. Detailed weather info i.e wind speed and humidity
#flutter #weather #restapi #riverpod #weatherforecast
Starter code:
https://github.com/CoderrHQ/weather_a...
Final code:
https://github.com/CoderrHQ/weather_a...
Open Weather Map docs:
https://openweathermap.org/api
Open Meteo docs:
https://open-meteo.com/
Simple Rest Api tutorial:
• Flutter REST API tutorial with HTTP package
Anime App with Api:
• Build An Anime App with Flutter and REST API
Publish your Flutter Apps to Play Store:
• How to Publish Flutter App on Google Play ...
Build a ChatApp with Gemini AI:
• Flutter Chat App with Gemini
Timestamps:
🌟 (00:00:00) - App Intro
🌟 (00:00:35) - Starter code
🌟 (00:04:15) - Weather Api's (openweathermap.org, open-meteo.com)
🌟 (00:09:17) - Making Api calls with Dio
🌟 (00:15:51) - Creating our Providers (using Riverpod)
🌟 (00:20:18) - Weather Screen
🌟 (00:47:30) - Hourly Weather View
🌟 (00:53:54) - Search Screen (Famous City Weather)
🌟 (01:26:23) - Weekly Forecast View
––––––––––––––––––––––––––––––
Music: Blue Skies - Silent Partner
 • Blue Skies – Silent Pa...
––––––––––––––––––––––––––––––
Music by Bensound
License code: HJIELYPYX1YEA1QI
flutter weather app
flutter weather app tutorial
flutter tutorial for beginners
flutter dio package
flutter dio package tutorial
flutter dio tutorial
flutter api tutorial with dio
flutter rest api with dio tutorial
flutter riverpod tutorial
riverpod future provider