/flutter-tutorials

The repo contains the source code for all the tutorials on the FilledStacks Youtube channel.

Primary LanguageDartMIT LicenseMIT

Flutter tutorials

The repo contains the source code for all the written tutorials by Filledstacks.

All Tutorials plus additional snippets and shorter posts can be found on the Official FilledStacks website. Each tutorial's code can be downloaded separately using the "Download Code" button under the Thumbnail images in the Written tutorials linked below.

Buy Me a Coffee at ko-fi.com

Please clone and star this repo to stay up to date on changes.

Packages by FilledStacks

Stacked: A package that helps implement the stacked architecture as shown in this series

SmartFlare: An extension of the already awesome Flare packages that adds interactive to FlareActors with some more functionality.

Responsive Builder: A package that helps you write a readable and maintainable Responsive UI code base. Based on the responsive UI series

** Important **

When you want to run any of the code first run

flutter create .

In the repo to generate the platform projects for the tutorials.

Tutorials

The later tutorials has been updated to use the stacked package. If you want to see the tutorials using the older code you can swap to the pre-stacked branch and work from there.

051 - Flutter Architecture Part 4 - How to Unit test a Unit Testing intro [ Video ] [ Written ] [ Source Code ] - A complete guide to the setup of the basics for a starter stacked architecture project.

050 - Flutter Architecture Part 3 - Flutter Services [ Video ] [ Written ] [ Source Code ] - A complete guide to the setup of the basics for a starter stacked architecture project.

049 - Flutter Architecture Part 2 - Stacked State Management scenarios [ Video ] [ Written ] [ Source Code ] - A complete guide to the setup of the basics for a starter stacked architecture project.

048 - Flutter Architecture Part 1 - Stacked, Routing and GetIt setup [ Video ] [ Written ] [ Source Code ] - A complete guide to the setup of the basics for a starter stacked architecture project.

047 - Firebase and Flutter Part 10 - Remote Config [ Video ] [ Written ] - This tutorial goes over remote config and how to manage it in a flutter project.

046 - Firebase and Flutter Part 9 - Dynamic Links in Flutter [ Video ] [ Written ] - This tutorial covers the use of dynamic links in flutter to perform auto routing and deep linking.

045 - Firebase and Flutter Part 8 - Realtime Paginated Data using Firestore [ Video ] [ Written ] - This tutorial shows the implementation of getting real time firebase data when impelementing an infinte scrolling view.

044 - Firebase and Flutter Part 7 - Analytics [ Video ] [ Written ] - This tutorial shows you how to add analytics into your Flutter app for live monitoring of your users.

043 - Firebase and Flutter Part 6 - Push Notifications using Cloud Messaging [ Video ] [ Written ] - This tutorial goes over my implementation of Push Notification in Flutter using Firebase Cloud Messaging.

042 - Firebase and Flutter - Part 5 - Firebase Cloud Storage [Video ] [ Written ] - In this tutorial we go over the implementation details of using Firebase Cloud Storage inside a Flutter application.

041 - Firebase and Flutter - Part 4 - Firestore Security Rules [ Video ] [ Written ] - This tutorial covers the implementation of Firestore security rules and how to test them.

040 - Firebase and Flutter - Part 3 - CRUD using Firestore [ Video ] [ Written ] - This tutorial goes over the CRUD implementation using Firestore. We Create documents, Read the collection, Delete documents and Update existing documents data through Flutter.

039 - Firebase and Flutter - Part 2 - Custom Startup Logic and User Profiles [ Video ] [ Written ] - This tutorial goes over the process of making sure we startup on the correct view and the logic behind adding a custom user profile.

038 - Firebase and Flutter - Part 1 - Basic Authentication [ Video ] [ Written ] - This tutorial covers the setup of a firebase project and the basic functionality to perform a login / sign up using Firebase email authentication.

037 - Flutter Web Development - Part 6 - Advanced URL navigation [ Video ] [ Written ] - In this video we cover URL navigation in Flutter Web that allows us to navigation within a template and pass in query parameters.

036 - Flutter Web Development - Part 5 - Hover Effects [ Video ] [ Written ] - This video goes over how to add hover effects into Flutter Web.

035 - Flutter Web Development - Part 4 - State and API integration [ Video ] [ Written ] - In this video we integrate the provider_architecture package and create a simple API class to fetch our data.

034 - Flutter Web Development - Part 3 - Template Layouts [ Video ] [ Written ] - This tutorial contains the code for a Flutter Template Layout for Web Development.

033 - Flutter Web Development - Part 2 - Responsive UI [ Video ] [ Written ] - This guide goes over adding responsiveness to your Flutter web UI

032 - Flutter Web Development - Part 1 [ Video ] [ Written ] - In this tutorial we create a Flutter web app, build a basic UI and deploy it to firestore.

031 - Flutter Responsive UI - Part 3 [ Video ] [ Written ] - This tutorial goes over the process of adding Provider on top of an existing Responsive UI framework for state management.

030 - Flutter Responsive UI - Part 2 [ Video ] [ Written ] - This tutorial / guide goes over how you can build a responsive UI architecture to allow for a maintainable and manageable multi platform code base.

029 - Flutter Responsive UI - Part 1 [ Video ] [ Written ] - This tutorial goes over the process of building a base widget that provides us with all the information to build a responsive UI.

028 - Flutter Continuous Scroll [ Video ] [ Written ] - This tutorial goes over how to create a continuous scrolling list in Flutter using index numbers and not the scroll controller.

027 - Flutter Location Service [ Video ] [ Written ] - This tutorial covers the should be common task of wrapping a set of functionality within a service. We build a location service that provides continuous updates using the Location package.

026 - Flutter stream basics. Absolute basics [ Video ] [ Written ] - This is a short tutorial that covers the creation, usage and management of streams. I also cover how to manually create Streams using async* functionality.

025 - Flutter navigation without BuildContext | Navigation Service [ Video ] [ Written ] - This tutorial covers the creation of a Navigation Service to move your navigation logic out of your UI files into the business logic files.

024 - Abstraction in Flutter Pt2 | Better unit tests using Abstraction [ Video ] [ Written ] - In this tutorial we go over how using Abstraction can make your unit tests better.

023 - Abstraction In Flutter Pt1 | How it can save hours of development time [ Video ] [ Written ] - This tutorial is part one of the abstraction series that will cover the benefits of abstraction in practical use cases. In this one we look at how using a second implementation of an interface that returns fake data can speed up your application development.

022 - Build a Lifecycle manager for Background behaviour in Flutter [ Video ] [ Written ] - In this tutorial I go over how to build and hook up a LifeCycle manager to the Flutter AppLifeCycle. We use that to start and stop services within our architecture when the app enters a background state or come back to the foreground.

021 - Build an architecture for your dialog management in Flutter [ Video ] [ Written ] - This tutorial guides you on how to create a dialog manager in Flutter that allows you to show and access information from dialogs from your business logic.

020 - A Guide to using Futures [ Video ] [ Written ] - This tutorial goes over the functionality provided by Futures and how to use it.

019 - Flutter animation Guide | Deep Dive | Flutter Hooks and Flutter Sequence Builder [ Written ] [ Video ] - This tutorial goes over every way you can organise your animation code using the provided flutter functionality. Then we go to Flutter hooks to help reduce the code and we look at the sequence builder to create some combined animations.

018 - Bottom Sheet Guide in Flutter [ Written ] [ Video ] - This tutorial goes over everything you need to know to effectively make use of the BottomSheet in your app.

017 - Better Logging in Flutter [ Written - Effective Logging ] [ Written - Setup Guide ] [ Video ] - This set of tutorials cover logging in Flutter. It shows you how to set it up, and it also gives you guidelines on where to use it and what to log when using it.

016 - Flutter Navigation using Named Routing [ Written ] [ Video ] - This tutorial guides you through everything you need to know about navigation in Flutter using named routing.

015 - Animated SplashScreen with Flare [ Written ] [ Video ] - This tutorial shows how to setup your splash following up with a nice intro animation built in Flare.

014 - Flutter Provider V3 Architecture using ProxyProvider [ Written ] [ Video ] - In this tutorial we implement a previously built app using Provider only and show how an architecture with dependency injection can be setup using the ProxyProvider.

013 - Flutter Dependency Injection for Beginners [ Written ] [ Video ] - In this tutorial I explain what dependency injection is in plain english and show three ways of implementing it in Flutter.

012 - Flutter Provider - Sharing Data Between Models using Services [ Written ] [ Video ] - In this tutorial I expand on my previous tutorial showing how you share data between models using services.

011 - Network Sensitive UI in Flutter using Provider and Connectivity [ Written ] [ Video ] - In this tutorial I create a network sensitive UI that shows different states based on the status of your connection.

010 - Flutter Architecture - A complete guide to Provider [ Written ] [ Video ] - In this tutorial / guide I cover the complete architecture to build a production app using the provider package for state management.

009 - Build a User Feedback app using Flutter and Firebase [ Written ] [ Video ] - In this tutorial I guide you through the steps to implement a real time user feedback app using firebase, flutter and the ScopedModel architecture.

008 - Building a Realtime stats monitor using Flutter and Firebase [ Written ] [ Video ] - In this tutorial I go over the steps for implementing a real time stats monitor for AppSkeletons

007 - Flutter Architecture - A complete guide to the ScopedModel architecture [ Written ] [ Video ] [ AppSkeletons ]- In this tutorial we'll lay the foundation to develop an application using Flutter and ScopedModel that's easy to maintain and extend.

006 - Flutter + (Smart)Flare - Building a Gooey side menu [ Source ] [ Video ] [ Animation ] [ Written (code only) ] - In this tutorial I go over the process of building a slide out menu in Flare. Then importing into Flutter and using SmartFlare to add some interactive functionality to it.

005 - Overflown Stacks - A Guide to basic navigation in Flutter using Navigator [ Video ] [ Written ] [ Source ] - This repo contains an implementation of basic navigation using the code snippets defined in the guide.

004 - Flutter Foundation - Handling Async behaviour - From setState to Architecture [ Written ] [ Source ] [ Video ] - In this tutorial I show how you to handle async functionality and all it's states starting with setState and working up to a reactive architecture using streams.

003 - Using SmartFlare for Flare animation interactions [ Video ] [ Written ] [ Package ] [ Source ] - In this tutorial I introduce my SmartFlare package that wraps normal FlareActors into a more interactable widget.

002 - Smarter Flare Animations in Flutter - An Experiment [ Video ] [ Written ] [ Source ] - In this tutorial we look at how to reduce animation boiler plate code in Flutter using some basic calculations and the Awesome Flare.

001 - Building a UI in Flutter - TikTok example: [ Video ] [ Written P1 ] [Written P2] [Source] - In this tutorial we break down the UI into Flutter Widgets, complete our layout and then tweak to get our final design to match our screenshots.