Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create README.md for Flutter Resources #49

Merged
merged 1 commit into from Oct 6, 2022
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
182 changes: 182 additions & 0 deletions learn-flutter/README.md
@@ -0,0 +1,182 @@
# Flutter Resources

A list of Free Flutter resources that will help people get started with Flutter.
![Flutter](flutter.png)

# Content

- [Introduction](#introduction)
- [Beginner](#beginner)
- [Intermediate](#intermediate)
- [Advanced](#advanced)
- [UI Kit](#ui-kit)
- [Youtube Channels](#youtube-channels)
- [Books](#books)
- [Firebase](#firebase)
- [Animations Plugins](#animationPlugins)
- [Machine Learning](#machine-learning)
- [Best Practices](#bestPractices)
- [Reference Apps](#referenceApps)
- [Useful Blogs/Websites](#usefulBlogs/Websites)
- [Contributing](#contributing)
- [Support Me](#support-me)

# Introduction

- [Flutter](https://flutter.dev/) is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase
- [Flutter Installation](https://flutter.dev/docs/get-started/install) - Get Started by installing Flutter in your machine
- [Flutter for Beginners](https://www.youtube.com/watch?v=fmPmrJGbb6w&list=PLlxmoA0rQ-Lw6tAs2fGFuXGP13-dWdKsB) - Youtube playlist about building apps with Flutter
- [Dart for Beginners](https://www.youtube.com/watch?v=5rtujDjt50I&list=PLlxmoA0rQ-LyHW9voBdNo4gEEIh0SjG-q) - Youtube playlist about the Dart programming language
- [Flutter Basics](https://www.youtube.com/watch?v=1ukSR1GRtMU&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ) - Youtube playlist that teaches the basics and uses the learned knowledge to create a Time app
- [Http Requests](https://medium.com/swlh/how-to-make-http-requests-in-flutter-d12e98ee1cef) - A medium article teaching how to make http requests to a server
- [Awesome Flutter Talk](https://github.com/Rahiche/awesome-flutter-talks) - is an Github repo that save a list of Youtube url about Flutter Talk from 2011 to 2020
- [Beginner's Guide](https://github.com/antz22/ultimate-guide-to-flutter) Comprehensive guide to the basics of Flutter and Firebase

# Beginner

- [Widget of the Week](https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG) - Introducing new widgets every week by [Flutter](https://www.youtube.com/c/flutterdev)
- [Roadmap to Flutter Development](https://github.com/olexale/flutter_roadmap) - Visual roadmap with principles, patterns, and frameworks for Flutter newbies by [Olexandr Leuschenko](https://github.com/olexale)
- [Layout Cheat Sheet](https://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e) - Extensive examples of layout widgets by [Tomek Polański](https://github.com/tomaszpolanski)
- [Angela Yu's Flutter Beginner's Course](https://www.appbrewery.co/p/flutter-development-bootcamp-with-dart)

# Intermediate

- [FlutterFire](https://firebase.flutter.dev/docs/overview/) - FlutterFire is a set of Flutter plugins which connect your Flutter application to [Firebase](https://firebase.google.com/)
- [State Management](https://flutter.dev/docs/development/data-and-backend/state-mgmt/options) - A list of State-Management Approaches in Flutter
- [Flutter & Firebase](https://www.youtube.com/playlist?list=PL4cUxeGkcC9j--TKIdkb3ISfRbJeJYQwC) - A video playlist tutorial about reating Flutter & Firebase app by NetNinja
- [Provider](https://pub.dev/packages/provider) - A wrapper around InheritedWidget to make them easier to use and more reusable by [Remi Rousselet](https://github.com/rrousselGit)
- [RiverPod](https://riverpod.dev/) - Compile safe, Provider, without its limitations, Doesn't depend on Flutter by [Remi Rousselet](https://github.com/rrousselGit)
- [MVVM + Provider](https://github.com/shubham-chhimpa/flutter-mvvm-provider-demo) - A Flutter MVVM + Provider implementation sample application by [Shubham Chhimpa](https://github.com/shubham-chhimpa)
- [Animation Intro](https://flutter.dev/docs/development/ui/animations) - An introduction in creating animations by [Flutter](https://flutter.dev/)
- [Animation Intro Youtube Playlist Version](https://www.youtube.com/watch?v=GXIJJkq_H8g&list=PLjxrf2q8roU2v6UqYlt_KPaXlnjbYySua) by [Flutter](https://www.youtube.com/c/flutterdev)
- [Animation Tutorial](https://www.youtube.com/watch?v=OtrWXLfGtqE&list=PL4cUxeGkcC9gP1qg8yj-Jokef29VRCLt1) - A video playlist tutorial about using animations in Flutter by [NetNinja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg)
- [Animation CheatSheet](https://codesearchonline.com/index.php/flutter-implicit-animation/) - Flutter Implicit Animation Widgets CheatSheet
- [Animated Selection Slide](https://github.com/sbilketay/animated_selection_slide/blob/master/README.md) - Animated Selection Slide
- [Forms in Flutter](https://www.youtube.com/watch?v=2C16OP-xIwU&list=PLaY6YJMqp51ctPHYg1VAZ7wIs30cjhXNC) - Forms in Flutter with Validation Unit Test
- [Animation in Flutter](https://www.didierboelens.com/2018/06/animations-in-flutter-easy-guide-tutorial/) - Animation in Flutter Easy Guide by [boeledi](https://github.com/boeledi/guillotine)
- [AWS Amplify](https://docs.amplify.aws/start/q/integration/flutter) - AWS Amplify is an end-to-end solution that enables mobile and front-end web developers to build and deploy secure, scalable full stack applications, powered by [AWS](https://aws.amazon.com/amplify/)

# Advanced
- [Flutter Bloc](https://pub.dev/packages/flutter_bloc) - A flutter package that helps implementing the bloc architecture by [Felix Angelov](https://github.com/felangel/)
- [RxDart](https://pub.dev/packages/rxdart) - A wrapper around streams that adds additional capabilities to Streams and StreamControllers by [ReactiveX](https://github.com/ReactiveX)
- [Rive Introduction](https://www.youtube.com/watch?v=6QZy5sYozVI) - An introduction in using Rive for complex Flutter animations by [Flutter](https://www.youtube.com/c/flutterdev)
- [Flutter Hooks](https://pub.dev/packages/flutter_hooks) - Hooks are a new kind of object that manages a Widget life-cycles. They exist for one reason: increase the code-sharing between widgets by removing duplicates by [dash-overflow.net](https://pub.dev/publishers/dash-overflow.net/packages). A Flutter implementation of React hooks.
- [Immutable Data Patterns in Dart and Flutter](https://dart-academy.cdn.ampproject.org/c/s/dart.academy/immutable-data-patterns-in-dart-and-flutter/amp/) - Immutable Data Patterns in Dart and Flutter
- [Slivers](https://medium.com/swlh/flutter-slivers-and-customscrollview-1aaadf96e35a) - A medium article explaining what Slivers are and how to use them.
- [Stacked](https://www.filledstacks.com/post/flutter-state-management-with-stacked/) - A video (plus article) on the use of Stacked for architecture and state management.
# UI Kit<a name="uiKit"></a>

- [Flutter Screens](https://github.com/samarthagarwal/FlutterScreens) - Collection of nice flutter samples.
- [Flutter-UI-Kit](https://github.com/iampawan/Flutter-UI-Kit) - Collection of useful UIs in a UIKit.
- [FLUTTER UI CHALLENGE](https://github.com/tomialagbe/flutter_ui_challenges) - Profile App, Book Reader App, Drink Shop App .
- [Beautiful Dashboard](https://github.com/Ivaskuu/dashboard) - Awesome Dashboard Component .
- [Gorgeous Login](https://github.com/huextrat/TheGorgeousLogin) - Smooth Login Template .
- [Flutter Samples](https://github.com/diegoveloper/flutter-samples) - Collection of Amazing flutter samples .
- [Starter Kit](https://github.com/KingWu/flutter_starter_kit) - Starter kit for beginners to learn Bloc pattern, RxDart, sqflite, Fluro and Dio .
- [Let's Clone](https://github.com/javico2609/flutter-challenges) - 18 Amazing Templates.
- [Payment App UI](https://github.com/longhoang2984/flutter_payment_app_ui) - Stunning Payment App UI.
- [ChatBot 🤖](https://github.com/aniketambore/ChatbotSpirit-Codebase) - Incredible Chatbot using Flutter and Dialogflow.
- [Covid-19-Global-Mapper](https://github.com/aniketambore/Covid-19-Global-Mapper-Flutter-Dart-Project-) - Tracking Covid-19 cases on a Map based view.
- [GetWidget](https://github.com/ionicfirebaseapp/getwidget) - GetWidget is open source libraries that come with pre-build 1000+ UI components.
- [NASA APOD](https://github.com/sainiteshb/NASA-Apod-flutter) - NASA APOD fetches data from NASA API and displays information.
- [Flutter Intro Slider](https://pub.dev/packages/intro_slider) - Flutter Intro Slider is a flutter plugin that helps you make a cool intro for your app
- [Flutter Rating Bar](https://pub.dev/packages/flutter_rating_bar) - A simple yet fully customizable rating bar for flutter which also include a rating bar indicator, supporting any fraction of rating.
- [E-Commerece Admin Side](https://github.com/Manthan-tech/E-Commerce_App_Admin_Side) - Flutter + firebase full frontend and backend for managing E-Commerece
- [E-Commerce App UI](https://github.com/robertodevs/flutter_ecommerce_template) - e-Commerce UI Kit has the goal to help you to save time with the frontend development. You can use this template to build your apps for Android and iOS in Flutter.
- [Trending Headlines](https://github.com/sainiteshb/News-App-Flutter) - Trending Headlines using the NewsAPI to fetch latest data

# Youtube Channels<a name="ytChannels"></a>

- [Flutter](https://www.youtube.com/c/flutterdev) - The official flutter channel is the best place to get started
- [The Net Ninja](https://www.youtube.com/c/TheNetNinja) - One of the best channels for flutter in English
- [Sanskar Tiwari](https://www.youtube.com/channel/UCsPdgUIoOBTBI1UmulW1pdw) - A channel for beautiful UI and API integration.
- [Devefy](https://www.youtube.com/channel/UC9dwxEAvy-zCMAS7rdox46w) - A channel for UI and flutter web tutorials
- [Raja Yogan](https://www.youtube.com/channel/UCjBxAm226XZvgrkO-JyjJgQ) - A channel for logical and Backend tutorials for flutter
- [The Flutter Way](https://www.youtube.com/channel/UCJm7i4g4z7ZGcJA_HKHLCVw) - A channel for creating beautiful UIs
- [Reso Coder](https://www.youtube.com/c/ResoCoder) - Reso Coder by [Matt Rešetár] Matt is an app developer with a knack for teaching others. Working as a Flutter freelancer and most importantly developer educator
- [Mtechviral](https://www.youtube.com/c/MTechViral) - First Indian YouTuber who started flutter tutorials
- [Easy Approach](https://www.youtube.com/channel/UC4hWRtPpBaq72ERUuKsvO7g) - A great channel which teaches complex flutter concepts in a simple manner with short and crisp videos.
- [RetroPortal Studio](https://www.youtube.com/channel/UCW2ATgwtNrsBrE-piE2TIrA) - An amazing channel for UI and custom widgets development
- [Santos Enoque](https://www.youtube.com/watch?v=Dy_zBF6rJFc&list=PLmnT6naTGy2SC82FMSCrvZNogg5T1H7iF) - Building an E-commerce app in Flutter
- [Academind](https://www.youtube.com/watch?v=x0uinJvhNxI) - An entire crash course for beginners in Flutter
- [FreeCodeCamp.org](https://www.youtube.com/watch?v=pTJJsmejUOQ) - A full tutorial for building iOS and Android apps in Flutter
- [Google Developers](https://www.youtube.com/watch?v=fq4N0hgOWzU&list=PLOU2XLYxmsIJ7dsVN4iRuA7BT8XHzGtCr) - A playlist of Flutter guides from Google themselves
- [Afgprogrammer](https://www.youtube.com/channel/UCuXm84E6yWF0dIKmwvwc9sQ) - An extremely helpful channel for user interface design.
- [Techie Blossom](https://www.youtube.com/channel/UC3wqIkiaOUpO6EjJoCwH6_Q) - Showing tutorial videos for industry standard apps using flutter.
- [FilledStacks](https://www.youtube.com/c/FilledStacks/playlists) - A Channel for Flutter Production Code
- [ReactBits](https://www.youtube.com/c/ReactBits/playlists) - Flutter + Appwrite Tutorial Series
- [Flutter Explained](https://www.youtube.com/c/FlutterExplained) - The Wikipedia For Flutter development
- [Flutter in Practice](https://www.youtube.com/playlist?list=PLhXZp00uXBk5TSY6YOdmpzp1yG3QbFvrN) - Practical programming course for beginners
- [Desi programmer](https://www.youtube.com/c/DesiProgrammer) - Here you can also get some tutorials in Hindi
- [Ovidius Mazuru](https://www.youtube.com/channel/UCJW25d8mW8ciz0DQC-5XNsQ/featured) - A Channel for beginners in Flutter to have a strong fundamental understanding
- [CodeX](https://www.youtube.com/c/CodeXdev/playlists) - CodeX shares tutorial videos related to Mobile Application Development and other programming aspects. If you're student, beginner programmer or even expert developer consider subscribing the channel to be updated with latest of Mobile development.
- [Reso Coder](https://www.youtube.com/channel/UCSIvrn68cUk8CS8MbtBmBkA) - Reso Coder by [Matt Rešetár] Matt is an app developer with a knack for teaching others. Working as a Flutter freelancer and most importantly developer educator.
- [Babbar CODE HELP](https://www.youtube.com/channel/UCldyi11QYNXYXiLjVbyw5dA) - Have a Flutter Series 2020 playlist in Hindi (Project Based Learning) .
- [Marcus Ng](https://www.youtube.com/c/MarcusNg/videos) - Marcus gives amazing tutorials for web & mobile responsive UI.
- [Mitch Koko](https://www.youtube.com/c/MitchKoko/videos) - This channel has some awesome small games implemented in Flutter with really cool UIs.
- [Raja Yogan](https://www.youtube.com/watch?v=p3YNDjaCgxc) - A channel for flutter + firebase tutorials, you will learn how to make automated push notification.
- [Johannes Milke](https://www.youtube.com/channel/UC0FD2apauvegCcsvqIBceLA) - A useful channel with short, helpful videos to learn about Flutter widgets & other cool stuff.
- [Code With Andrea](https://www.youtube.com/channel/UCrTnsT4OYZ53l0QGKqLeD5Q) - A helpful channel to learn Dart & Flutter. Andrea, the instructor explains well.
- [Osama Asif](https://www.youtube.com/channel/UC9rZnxaqFwTZYMzuJUEKOLQ) - This channel has some awesome content in Flutter.
- [London App Brewery](https://www.youtube.com/channel/UCVD5Vh9LhLBxp3o1vRNyf_w) - The best channel to learn Flutter.
- [Hitesh Choudhary](https://www.youtube.com/playlist?list=PLRAV69dS1uWT_JKom7xDKdHl1gp3o_AH1) - A great playlist to learn Bloc.
- [Tech with Tim](https://www.youtube.com/playlist?list=PLzMcBGfZo4-knQWGK2IC49Q_5AnQrFpzv) - Great tutorials for beginners.
- [Abhishvek](https://www.youtube.com/channel/UCIxJGxcB4pSrIvuv8FyuqUA) - This channel is great for those who wants to start with custom backend for Flutter.
- [Rivaan Ranawat](https://www.youtube.com/c/RivaanRanawat) - This channel is great for those who wants a tutorial to learn and build clone apps for their portfolio.
- [Tadas Petra](https://www.youtube.com/channel/UCNaJHBXsvbfkItVMNmzmTPQ) -A useful channel covers the newest trends in the World of Flutter and Dart.
# Books<a name="books"></a>

- [Flutter Complete Reference](https://fluttercompletereference.com/) - Complete reference to Flutter developement, including examples.
- [Beginning App Development with Flutter](https://www.amazon.com/Beginning-App-Development-Flutter-Cross-Platform/dp/1484251806) - Easy to understand starter book.
- [Flutter for Beginners](https://www.amazon.com/Flutter-Beginners-introductory-cross-platform-applications/dp/1788996089) - A step-by-step guide to learning Flutter and Dart 2.X
- [Learn Google Flutter Fast: 65 Example Apps](https://www.amazon.com/Learn-Google-Flutter-Fast-Example/dp/1092297375) - Learn Google Flutter by example. Over 65 example mini-apps.
- [Practical Flutter Improve your Mobile Development with Google’s Latest Open-Source SDK](https://www.amazon.com/Practical-Flutter-Improve-Development-Open-Source-ebook/dp/B07VJ7FDN5) - Concise practical examples for quick and easy build


# Firebase<a name="firebase"></a>

- [Firebase Installation](https://firebase.google.com/docs/flutter/setup?platform=android) - Official Documentation on how to setup Firebase for your Flutter apps
- [FlutterFire](https://firebase.flutter.dev/docs/overview/) - Official Documentation of Flutter's Firebase plugins
- [Firestore vs RTDB](https://firebase.google.com/docs/database/rtdb-vs-firestore) - Official Documentation that helps you choose between Realtime Database vs Firestore
- [Firestore vs RTDB Article](https://medium.com/zero-equals-false/firebase-cloud-firestore-v-s-firebase-realtime-database-931d4265d4b0) - An article that points out the uses of Firestore vs RTDB
- [Firestore with Flutter Tutorial](https://medium.com/@atul.sharma_94062/how-to-use-cloud-firestore-with-flutter-e6f9e8821b27)
- [Rowy - Manage Cloud Firestore Data with Spreadsheet UI](https://www.rowy.io/) - Connect to your database and build cloud functions. All in your browser. Forget CLIs, config, and DevOps. Focus on building your apps.

# Animation Plugins<a name="animationPlugins"></a>

- [Dough](https://pub.dev/packages/dough) - Let's create Squishy UI.
- [Animation Set](https://github.com/YYFlutter/flutter-animation-set) - Simplified Flutter stagger animation.
- [Spinkit](https://github.com/jogboms/flutter_spinkit) - A Collection of loading indicators animated with flutter.
- [Drawing Animation](https://github.com/biocarl/drawing_animation) - Create Drawing Animations by SVG paths .
- [Simple Animation](https://github.com/felixblaschke/simple_animations/tree/master/simple_animations) -Simple Animations is a powerful framework to create beautiful custom animations in no time.
- [Animated Text Kit](https://github.com/aagarwal1012/Animated-Text-Kit) - A collection of some cool and awesome text animations.

# Machine Learning<a name="machineLearning"></a>

- [TFLite](https://pub.dev/packages/tflite) - A Flutter plugin for accessing TensorFlow Lite. Supports both iOS and Android.
- [Speech_to_Text](https://pub.dev/packages/speech_to_text) - A Flutter plugin that exposes device specific speech to text recognition capability.
- [Firebase_ML_Vision](https://pub.dev/packages/firebase_ml_vision) - Flutter plugin for Firebase machine learning vision services.
- [Edge_Detection](https://pub.dev/packages/edge_detection) - A flutter plugin to detect edges of objects, scan paper, detect corner, detect rectangle. It allows cropping of the detected object image and returns the path of the cropped image.

# Best Pratices<a name="bestPractices"></a>

- [State Management Grand Tour](https://fireship.io/lessons/flutter-state-management-guide/) - An article/video explaining the different state management approaches and why you should not use setState
- [Safe Async](https://recipes.tst.sh/docs/architecture/safe-async.html) - An article that teaches how to make FutureBuilder/StreamBuilder properly
- [Performance](https://flutter.dev/docs/perf/rendering/best-practices) - Official Flutter documentation on how to make your Flutter app as performant as possible
- [Stateless Widget vs Widget Function](https://stackoverflow.com/questions/53234825/what-is-the-difference-between-functions-and-classes-to-create-reusable-widgets) - A StackOverFlow answer explaining why its better to use Stateless Widgets to build reusable widgets.
- [Style Guides](https://github.com/flutter/flutter/wiki/Style-guide-for-Flutter-repo) - A Github Wiki showing the style guides for a Flutter project
- [Best Practices](https://medium.com/flutter-community/flutter-best-practices-and-tips-7c2782c9ebb5) - An article that shows the best practices in Flutter
- [Responsive Design in Flutter](https://flutter.dev/docs/development/ui/layout/responsive) - An article about how to create a responsive design that works for all devices like phones, web and desktop

# Reference Apps<a name="referenceApps"></a>
- [It's All Widgets](https://itsallwidgets.com/) - An open list of apps built on flutter.

# Useful Blogs/Websites<a name="usefulBlogs/Websites"></a>
- [Flutter Dev's](http://flutterdevs.com/blog/)
- [Flutter Medium](https://medium.com/flutter)
- [Dev Flutter](https://dev.to/t/flutter?utm_source=devglan)
- [Geeky Ant's Flutter](https://blog.geekyants.com/flutter/home)
- [Flutter Gems](https://fluttergems.dev/)


Creadit goes to : https://github.com/CoderUni/FlutterResources