![Fun with Flutter](/img/default-banner.jpg)
- 90
- 1 599 763
Fun with Flutter
South Africa
Приєднався 21 сер 2018
Making fun stuff in Flutter and Dart.
Twitter: @gordonphayes
Twitter: @gordonphayes
Create a Collaborative Rich Text Editing Experience with Flutter Web and Appwrite
Appwrite is an open-source backend - an alternative to Firebase. Create a collaborative rich-text editing experience using Flutter Web and Appwrite, similar to Google Docs! This video will look at adding authentication, database, and listening to real-time events using Appwrite. As well as neatly structuring our Flutter code using repositories and services, Riverpod for state management, Routemaster to manage our web routes, and Flutter Quill for rich text editing.
🖇 LINKS
1️⃣ Appwrite
bit.ly/3OrDE7T
2️⃣ Appwrite Documentation
bit.ly/3K0yD30
3️⃣ Appwrite Github
bit.ly/3Exma5s
4️⃣ Appwrite Discord
bit.ly/37yHaNh
5️⃣ Google Docs Clone: Source Code 👨💻
github.com/funwithflutter/google-docs-clone-flutter
6️⃣ Robert’s Video on Appwrite
ua-cam.com/video/2d6evFfOX5Q/v-deo.html
🐦 Twitter
Gordon's Twitter: gordonphayes/
Appwrite’s Twitter: appwrite/
⏱ Timestamps:
0:00 00: Intro
3:59 01: Base Setup
5:08 02: Riverpod Setup
6:38 03: Routemaster Setup
11:37 04: Appwrite Setup
17:19 05: Authentication Repository
24:33 06: Authentication State Service
34:59 07: Login and Registration Pages
45:02 08: Add Logged-in Routes
51:58 09: Add Document UI and State
1:07:47 10: Create Documents
1:18:15 11: Update and Save Documents
1:35:22 12: Real-time Changes
1:48:45 13: Open and List All Documents
1:56:51 14: Extra Features and What’s Next
🖇 LINKS
1️⃣ Appwrite
bit.ly/3OrDE7T
2️⃣ Appwrite Documentation
bit.ly/3K0yD30
3️⃣ Appwrite Github
bit.ly/3Exma5s
4️⃣ Appwrite Discord
bit.ly/37yHaNh
5️⃣ Google Docs Clone: Source Code 👨💻
github.com/funwithflutter/google-docs-clone-flutter
6️⃣ Robert’s Video on Appwrite
ua-cam.com/video/2d6evFfOX5Q/v-deo.html
Gordon's Twitter: gordonphayes/
Appwrite’s Twitter: appwrite/
⏱ Timestamps:
0:00 00: Intro
3:59 01: Base Setup
5:08 02: Riverpod Setup
6:38 03: Routemaster Setup
11:37 04: Appwrite Setup
17:19 05: Authentication Repository
24:33 06: Authentication State Service
34:59 07: Login and Registration Pages
45:02 08: Add Logged-in Routes
51:58 09: Add Document UI and State
1:07:47 10: Create Documents
1:18:15 11: Update and Save Documents
1:35:22 12: Real-time Changes
1:48:45 13: Open and List All Documents
1:56:51 14: Extra Features and What’s Next
Переглядів: 19 450
Відео
Fun with Flutter Puzzle Hack Submission
Переглядів 3,2 тис.2 роки тому
Demo video showcasing my submission to the Flutter Puzzle Hack completion. This game uses Box2D physics to add a twist to the slide puzzle. Works best on Chrome. You might need a beefy machine to avoid lag. puzzle.funwithflutter.dev/#/ github.com/funwithflutter/flutter_slide_puzzle devpost.com/software/box2d-slider-puzzle
Flutter Performance Tip: Keep Your Build Pure
Переглядів 22 тис.3 роки тому
Keep your build method pure and free of side effects. In this Flutter performance tip, we explore some considerations with the Flutter build method - what to do and what not to do. ✍🏻 Article: www.funwithflutter.dev/flutter-keep-your-build-method-pure/ 🐥 Twitter: gordonphayes 📚 Courses: bit.ly/funwithcourse ☕️ www.buymeacoffee.com/gordonhayes Playlist: ua-cam.com/play/PLjr4ufdmNA4K5...
Riverpod Tutorial 005 - What's new in version 1.0.0
Переглядів 9 тис.3 роки тому
In this video we go through everything that is new in version 1.0.0 of Riverpod. We look at breaking changes, deprecations, and new features. Chapters: 0:00 Intro 2:30 Breaking changes v0.14.0 5:08 Scoped Provider replaced with Provider 6:47 ConsumerWidget build method prototype change 8:56 Other breaking changes v1.0.0 10:56 ProviderListener deprecated with ref.listen 13:23 Other deprecations ...
Flutter Version Management. You need to use this.
Переглядів 85 тис.3 роки тому
Overview of how to setup and use Flutter Version Management (FVM), and why you should be using it. Easily manage multiple versions of Flutter on your local machine at the same time. Switch between Flutter versions and channels. This will assist with bigger project that have multiple environment and team members, or for Continuous Deliver / Continues Integration. - - - Courses: courses.funwith.a...
Flutter UI Tip 3: Popup Card
Переглядів 74 тис.3 роки тому
Easily create a popup effect for cards or buttons. Invest in yourself! Use my link and check out the first chapter of any course for FREE! bit.ly/3qLlX7g Program I use for mockups: bit.ly/rotatopro This is an affiliate link, if you purchase from this link then I'll earn a small commission. Which is a great way to support the channel :) Check out my Flutter Animation and Performance course. Disc...
Riverpod Tutorial 04 - Freezed: Unions and Data Classes
Переглядів 10 тис.3 роки тому
How you can use Freezed to enhance Riverpod (and your Flutter coding in general). This is a practical example of how to use Freezed, as well as a primer for those of you that are new to it. Riverpod Tutorials and code: github.com/funwithflutter/riverpod_tutorials Check out my Flutter Animation and Performance course. Discounted link: bit.ly/funwithcourse Or use the promo code: FUN for a discoun...
Riverpod Tutorial 03 - FutureProvider, AsyncValue and Error Handling
Переглядів 13 тис.3 роки тому
A must watch for Riverpod users. Pro tips on using AsyncValue with StateNotifier to improve your code's readability and safety. The video starts with a primer on FutureProvider and AsyncValue, and then goes into detail on how to use AsyncValue with a StateNotifier and proper error handling. Riverpod Tutorials and code: github.com/funwithflutter/riverpod_tutorials Check out my Flutter Animation ...
Riverpod Tutorial 02 - Reading providers best practices
Переглядів 11 тис.3 роки тому
Getting to grips with everything Riverpod has to offer is not easy. This series is here to help. In this video we explore all the different ways to read (access) a provider, plus when to use which. Riverpod Tutorials and code: github.com/funwithflutter/riverpod_tutorials Check out my Flutter Animation and Performance course. Discounted link: bit.ly/funwithcourse Or use the promo code: FUN for a...
Riverpod Tutorial 01 - Understanding the different notifiers
Переглядів 31 тис.3 роки тому
Getting to grips with everything Riverpod has to offer is not easy. This series is here to help. In this video we explore StateNotifier, ValueNotifier and StateProvider. Three different ways to manage state in your Flutter application using Riverpod. There are of course more ways, but these are three easy and common ones. Riverpod Tutorials and code: github.com/funwithflutter/riverpod_tutorials...
Flutter UI Tip 2: Staggered Grid View
Переглядів 25 тис.3 роки тому
Create a varying grid view in your Flutter application, similar to Instagram and Pinterest. Program I use for mockups. bit.ly/rotatopro This is an affiliate link, if you purchase from this link then I'll earn a small commission. Which is a great way to support the channel :) Check out my Flutter Animation and Performance course. Discounted link: bit.ly/funwithcourse Or use the promo code: FUN f...
Unique sign in form built with Lit Firebase Auth and Flutter
Переглядів 45 тис.4 роки тому
Unique sign in form built with Lit Firebase Auth and Flutter
Firebase Auth with only two widgets | Lit Package
Переглядів 4,3 тис.4 роки тому
Firebase Auth with only two widgets | Lit Package
Exploring Riverpod and building a Todo App | Flutter
Переглядів 25 тис.4 роки тому
Exploring Riverpod and building a Todo App | Flutter
Improve your Flutter Apps performance with a RepaintBoundary
Переглядів 15 тис.4 роки тому
Improve your Flutter Apps performance with a RepaintBoundary
Provider with StateNotifier - Easy State Management for Flutter
Переглядів 9 тис.4 роки тому
Provider with StateNotifier - Easy State Management for Flutter
Provider: Proxy, Stream and Future in 6 Minutes
Переглядів 13 тис.4 роки тому
Provider: Proxy, Stream and Future in 6 Minutes
Provider and ChangeNotifier in 7 Minutes
Переглядів 56 тис.4 роки тому
Provider and ChangeNotifier in 7 Minutes
Flutter BlurHash Package | Beautiful Placeholder Images
Переглядів 12 тис.4 роки тому
Flutter BlurHash Package | Beautiful Placeholder Images
Flutter Web | Add Firebase Authentication and Google Sign in
Переглядів 28 тис.4 роки тому
Flutter Web | Add Firebase Authentication and Google Sign in
Preview Flutter Applications on Multiple Devices
Переглядів 30 тис.4 роки тому
Preview Flutter Applications on Multiple Devices
Build a Real-time Flutter Chat Application using Stream
Переглядів 99 тис.4 роки тому
Build a Real-time Flutter Chat Application using Stream
Make Your Own Animation Curve in Flutter
Переглядів 14 тис.4 роки тому
Make Your Own Animation Curve in Flutter
Flutter Game with Implicit Animations
Переглядів 6 тис.4 роки тому
Flutter Game with Implicit Animations
Flutter Algorithm Visualizer #04 - Selection Sort
Переглядів 3,3 тис.4 роки тому
Flutter Algorithm Visualizer #04 - Selection Sort
Flutter Algorithm Visualizer #03 - Insertion Sort
Переглядів 2,6 тис.4 роки тому
Flutter Algorithm Visualizer #03 - Insertion Sort
Proxy Flutter Apps - Understanding HTTPS & SSL Certificates
Переглядів 18 тис.4 роки тому
Proxy Flutter Apps - Understanding HTTPS & SSL Certificates
Tools and techniques to profile Flutter applications for performance issues
Переглядів 15 тис.4 роки тому
Tools and techniques to profile Flutter applications for performance issues
How do we get that tree lines on the left side of each parent widget?
if i already have like 10 versions on flutter on my mac i was switiching between them amnually, could i add them to fvm instead of downloading them again using fvm install?
This video about Flutter is excellent! On my channel, there are more tutorials on how to create apps with a database. Help me out and click to follow my channel about web programming and Flutter!
I subscribed, but you're not publishing new videos. Your tutorials are great. Exactly the info anyone could need in a neat little package.
i love this tutorial
please help..: PS C:\WINDOWS\system32> fvm install 3.22.2 fatal: 'origin' does not appear to be a git repository fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists. ✗ Failed to install 3.22.2 (67.2s) ✗ Failed to ensure FlutterVersion(name: 3.22.2, releaseFromChannel: null, type: VersionType.release) is cached.
Thank You Thank You 🎉
😢nothing is the same in firebase anymore
I am getting this error while trying to run fvm install 3.7.1: {user_name}@shajeels-mbp upalerts % fvm install 3.7.1 Creation failed Path: /Users/{user_name}/Library/Application Support/fvm/.fvmrc Any solution?
didn't show the settings in android studio !!
Truly Awesome Video!!!!
Very Gooooooooood❤❤👌
any way to do this in android studio?
love this course small videos that gives you a sense of progress after every few minute. good for my short attention span😂
Hello great video 👏 , please which visual code extension are you using for flutter 🙇??
You r so handsome n talented ❤
❤❤❤❤❤
Hello, wonderful guide, please tell me where I can get the full code from video?
Is there a similar setting for Android Studio
Can someone use this for any kind of popup? and also how can I add dark background overlay under the popup so there is contrast on the app?
awesome
A like, a comment and a sub for providing the source code
Good overview but really exhausting to listen... You talk way to fast (had to slow down playback) and the music is annoying... This is not TikTok
very nice
Amazing! This application is fantastic, everything is perfect and enjoyable. Thank you very much")
Fun fact: Wrap was a pull request by Chipotle.
How do you create versions folder and store all flutter versions in it? Do you do it manually? Becuase when I installed fvm I directly run `fvm use 3.10.2@stable` command so then it downloaded flutter version right into /User/$user/fvm/ directory rather then /User/$user/fvm/versions directory. I am using windows 11 system. Please help me understand. Thank you.
Thank you
Beautiful..
Very helpful video for a beginner
Fix all true do magic ✨😅
your 4 min video explain better than 1-hour long presentation from my classmates
Hi. I just recently came across your video and tried to make it vertical, but the curve is distorted. If I flip it, the horizontal drag won't work, any idea how to do this, or a follow up making it vertical will be much appreciated.
I don't know why you need to type 'const' at all. If the constructor that you are invoking is already declared 'const', why can't the compiler do this for you?
I'm enable to buy the course, ERROR: "This school is not open for enrollment."
if you double tap the period. It'll auto add the first helper, which is always the const if a const is needed. Ctrl + . . - The faster you do this command the faster the const will be added.
Hi great to see you again. I have a question why can't I enroll in your master flutter animation course
There is no discount code bloc at the purchase
One massive functionnality that is missing and that I have absolutely no idea how to implement is pages. Any word processor allows you to have pages, but this is not built in flutter quill. I don't think having an editor for each page is a great idea. Maybe "cheating" by inserting custom widgets, at fixed intervals, could make the editor look like it is separated in pages? I'll have to try that out.
Great stuff! Thank you so much!
Hi ! Could you help me with one question? How can I transfer entering text from popup card to field on another creen if popup card is StatelessWidget? If I understend right, we can't using TextEditingController for StatelessWidget.
Make more please
fix all is the bad option
I was suffering to handle but it was new and beneficial for me.
Thank you so much! You are a good teacher. 😊
Thanks
Thanks