Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/oliver-gomes/flutter-guide

📚 Flutter Guide on becoming a Master Flutterista
https://github.com/oliver-gomes/flutter-guide

List: flutter-guide

android awesome collections dart flutter flutter-apps flutter-examples hacktoberfest ios mobile resources

Last synced: about 1 month ago
JSON representation

📚 Flutter Guide on becoming a Master Flutterista

Awesome Lists containing this project

README 

        













  PRs Welcome






















## How to Use and Contribute



âš¡Hacktoberfestâš¡ Hacker Welcome!

Welcoming coder of all skills! Beginner on their first PR to hardcore flutterista. 



- Go through the Table of Contents and start exploring all exciting Flutter features



- Everything is made in chronological order for ease of understanding Flutter



If you found some awesome resource for learning Flutter, just send a Pull Request with respect to our [Contribution Guidelines](https://github.com/oliver-gomes/flutter-guide/blob/master/Contribution_Guidelines.md) (they're very simple, please take a look).



We use such labels for free:



-  --> Add it to resource that is made by Google's Flutter team

-  --> Add it to resource that is a video course



Don't forget to add them. Now I'd love to see your suggestions!



## Table of Contents



- [Introduction](#introduction)

- [Widgets](#widgets)

- [Animations](#animations)

- [Material Design](#material-design)

- [Example Apps](#example-apps)

  - [Food Recipe](#food-recipe)

- [Recommended Learning Resource](#recommended-learning-resource)



# Introduction



The main reason for this guide to exist is to make it easy for new developer to have everything in one place.



# Widgets



Basic Must-Know Widgets



- ## Scaffold










Complementing Tutorials:

-- [Scaffold Tutorial from ProAndroidDev](https://proandroiddev.com/flutter-material-design-using-scaffold-appbar-body-bottom-navigation-floating-action-f84d71e68c76)



- ## Container










Complementing Tutorials:

-- [Container Tutorial from FlutterDoc](https://flutterdoc.com/widgets-container-d8eee21ad2f4)



- ## Row










Complementing Tutorials:

-- [Row Tutorial from FlutterDoc](https://flutterdoc.com/widgets-row-4ff6c5cfb9e0)



- ## Column

  


  

  



Complementing Tutorials:

-- [Column Tutorial from FlutterDoc](https://flutterdoc.com/widgets-column-e129769fbcb3)



- ## ListView

  


  

  



Complementing Tutorials:

-- [Mastering Flutter ListView from Pusher.com](https://pusher.com/tutorials/flutter-listviews)



- ## GridView

  


  

  


  

Complementing Tutorials:

-- [GridView Tutorial from Yudi Setiawan](https://medium.com/nusanet/flutter-gridview-bad48c1f216c)



- ## Slivers

  


  

  

  


  

Complementing Tutorials:

-- [Slivers, Demystified from Emily Fortuna](https://medium.com/nusanet/flutter-gridview-bad48c1f216c)



- ## Cupertino

  


  

  


  

Complementing Tutorials:

-- [Cupertino Tutorial from Yudi Setiawan](https://medium.com/nusanet/flutter-cupertino-app-76c33768c242)



- ## ColorFiltered

  


  

  


  

Complementing Tutorials:

-- [ColorFiltered from FlutterPub](https://medium.com/flutterpub/using-colorfiltered-widget-in-flutter-apps-19ba196097e)



# Animations



- ## Login Animation




Implementing super smooth animations in your Flutter App:-- [Flutter Login Animation](https://github.com/GeekyAnts/flutter-login-home-animation)



- ## Facebook reaction







Facebook Reactions Animation With Flutter:-- [Facebook Reactions](https://github.com/duytq94/flutter-fb-reactions-animation)

- ## DayNightSwitch 

A day night switch widget for Flutter.

  


  

  


  For More Details :

-- [Day_Night_Switch](https://github.com/divyanshub024/day_night_switch)



# Material Design

Implementing Material Design in Flutter



- [Material Design login page](https://codeburst.io/make-a-material-design-login-page-with-flutter-the-basics-99d3acd80b18)

- [Flutter II: Material Design — [Flutter 1.0]](https://medium.com/@develodroid/flutter-ii-material-design-f437e3e8e6a9)

- [Material Components widgets](https://flutter.dev/docs/development/ui/widgets/material) 



# Example Apps

## Food Recipe

Application that presents information about food recipes from [TheMealDb](https://www.themealdb.com) API.


- [Github Project](https://github.com/CoderJava/Food-Recipe) by Yudi Setiawan






[](https://play.google.com/store/apps/details?id=ysn.com.food_recipe)



- [The Hacker News App](https://github.com/filiph/hn_app) by Filip Hracek

- [Basic Google Translate Layout](https://github.com/Ramyaeaswaran/translate_app_layout) by Ramya Easwaran

- [Flews - A multi-service news app](https://github.com/jbarr21/flews) by James Barr

- [Grocery Shopping App](https://github.com/Widle-Studio/Grocery-App) by Widle Studio

- [BookSearch](https://github.com/Norbert515/BookSearch) by Norbert Kozsir

- [ToDo App with Firebase](https://github.com/huextrat/Taskist) by Hugo EXTRAT

- [Habbit](https://github.com/lzyy/habbit) by Limboy

- [fluttergram - Instagram Clone](https://github.com/mdanics/fluttergram) by Matthew Danics

- [Flutter gallery](https://github.com/flutter/flutter/tree/master/examples/flutter_gallery) by Jonah Williams



- [inKino - A multiplatform Dart movie app](https://github.com/roughike/inKino) by Iiro Krankka

- [SpaceX GO!](https://github.com/jesusrp98/spacex-go) by Jesús Rodríguez

- [Natrium - Fast, Robust & Secure NANO Wallet](https://github.com/appditto/natrium_wallet_flutter) by Appditto

- [Grey - Material designed music player](https://github.com/avirias/Grey) by Avinash Kumar

- [Piano Tiles - A simple clone app of Piano Tiles 2 game](https://github.com/MarcinusX/piano_tiles) by Marcin Szałek

- [Flutter TicTac Game](https//github.com/Datlyfe/flutter_tic_tac) by Bouaggad Moez

- [Flutter Implementation of Google Maps API](https://github.com/nikhilmufc7/Flutter_GreatPlaces) by Nikhil Singh



- [The Public Transport - Modern public transport for Germany](https//github.com/thepublictransport/thepublictransport-app) by Tristan Marsell (PDesire)



[Get it on Google Play](https://play.google.com/store/apps/details?id=de.pdesire.thepublictransportapp&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1)



- [Water Drink Reminder](https://github.com/ThalapathySiva/drink_reminder_flutter) by Sivaram



- [Draft - Notes taking App](https://github.com/roshanrahman/flutter-notes-app) by Roshan 



- [Chap - Chat Application](https://github.com/vineeshvk/chat-app-flutter) by Vineesh



- [Hand cricket Game](https://github.com/sivaperumal644/hand_cricket_flutter) by Siva Perumal



# Recommended Learning Resource



- [The Boring Flutter Development Show](https://www.youtube.com/watch?v=vqPG1tU6-c0&list=PLjxrf2q8roU3ahJVrSgAnPjzkpGmL9Czl)

  

  

- [Flutter Bootcamp with Angela Yu](https://www.udemy.com/flutter-bootcamp-with-dart/)

  

  



- [Build Native Mobile Apps with Flutter](https://www.udacity.com/course/build-native-mobile-apps-with-flutter--ud905?source=post_page-----2ade7aa73305----------------------)

  

- [Flutter Tutorials by MTECHVIRAL](https://youtu.be/qWL1lGchpRA?list=PLR2qQy0Zxs_UdqAcaipPR3CG1Ly57UlhV)

  

- [Coding With Flutter by Andrea Bizzo (paid udemy course)](https://codingwithflutter.com/)

  

- [Flutter tutorials for beginners to advanced.](https://www.youtube.com/playlist?list=PLR2qQy0Zxs_UdqAcaipPR3CG1Ly57UlhV)

  

- [Flutter tutorials from whatsupcoders](https://www.youtube.com/playlist?list=PL6BTtm1PxwOUpt1muzFD3ErxWdCzLkYbI)

  

  

- [Flutter tutorials from The Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ)

  

- [Flutter tutorials from Tensor Programming](https://www.youtube.com/playlist?list=PLJbE2Yu2zumDqr_-hqpAN0nIr6m14TAsd)

  

- [Flutter Cool UI and Firebase Tutorials by Raja Yogan](https://www.youtube.com/channel/UCjBxAm226XZvgrkO-JyjJgQ/featured)

- [Flutter Widget of the Week](https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG)

- [Flutter Crash Course](https://fluttercrashcourse.com)

- [DevonFw Flutter Guide](https://github.com/devonfw-forge/devonfw4flutter) 



# Official Link to Flutter Community available on different platforms



- [Youtube](https://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw)

- [Reddit](https://www.reddit.com/r/FlutterDev/)

- [Discord](https://discordapp.com/invite/N7Yshp4)

- [Twitter](https://twitter.com/FlutterDev)

- [Medium](https://medium.com/flutter-io)

- [Gitter](https://gitter.im/flutter/flutter)