Flutter Weather App Tutorial | Dio x Riverpod Tutorial for beginners

Показать описание

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:

Final code:

Open Weather Map docs:

Open Meteo docs:

Simple Rest Api tutorial:

Anime App with Api:

Publish your Flutter Apps to Play Store:

Build a ChatApp with Gemini AI:

Timestamps:

🌟 (00:00:00) - App Intro
🌟 (00:00:35) - Starter code
🌟 (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

Рекомендации по теме

Комментарии

It would be a very great idea to make a video on how you crwated these models it will be a great practicse to understand API's

mujtabafarhan

which version of jdk and flutter sdk you used?

wajahatzafar

Nice Work Brother ❤..
Please do you have the project documentation for this🙏

osehgabriel

Brother, I like your content which is very clear.i have one request please do a video on api integrations like understanding json structures and creating model class and apis manipulations, authentication using apis, token usage, postman usage for every flutter get knowledge on this please do a video on that .

valkiprasannakumar

At 12:21 seconds what shortcut did you use ?

mujtabafarhan

At 12:27 from where did you copy the urls

mujtabafarhan

source code not puplic please make it pulic

AdhamFaisal

Flutter Weather App Tutorial | Dio x Riverpod Tutorial for beginners

🌤📱 Minimal Weather App • Flutter Tutorial

Flutter Weather App Tutorial | OpenWeather API Weather App Flutter | Tutorial For Beginners

Weather App • FLUTTER - BLOC & API Tutorial for Beginners 🔥

Flutter Weather App With API || Flutter OpenWeatherMap

Weather App Flutter | Creating Weather App in Flutter with GetX | Tutorial for Beginners [2022]

Flutter - Flutter tutorial for beginners - Weather App - Mobile App Development

Flutter Weather App Tutorial | Dio x Riverpod Tutorial for beginners

Realtime Weather App | Flutter Speed Code | 2024

Build a Weather App in Flutter | Flutter beginner Tutorial

Real-Time Weather App 1.0 - Free Weather API with no key - 1/4 - Flutter Tutorial

Complete Weather App In Flutter - Flutter Project Tutorial

Weather Application Using Flutter With Source Code

Real-Time Weather App 1.0 - Free Weather API with no key - 4/4 - Flutter Tutorial

Flutter Weather App UI | LIGHT - DARK MODE | PROVIDER

Building A FLUTTER Weather APP IN 3 HOURS

Real-Time Weather App 1.0 - Free Weather API with no key - 2/4 - Flutter Tutorial

How to build a Weather App Using Weather API

Build Weather App with Flutter | FETCH data

Weather App - Flutter UI - Speed Code (Part 1)

Create a Flutter Weather App with Python, Flask & PythonAnywhere Backend

A Flutter Weather App leverages the OpenWeatherMap API to fetch real-time weather data

Flutter Weather app using Bloc

Flutter Speed Coding - Weather app.

Real-Time Weather App 2.0 - Free Weather API - Speed Code - 1/2