{"id":2715,"url":"https://github.com/oliver-gomes/flutter-guide","name":"flutter-guide","description":"📚 Flutter Guide on becoming a Master Flutterista","projects_count":59,"last_synced_at":"2026-06-17T15:00:37.397Z","repository":{"id":100491786,"uuid":"187719466","full_name":"oliver-gomes/flutter-guide","owner":"oliver-gomes","description":"📚 Flutter Guide on becoming a Master Flutterista","archived":false,"fork":false,"pushed_at":"2023-02-14T15:02:14.000Z","size":27307,"stargazers_count":57,"open_issues_count":4,"forks_count":33,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-04-28T23:02:21.920Z","etag":null,"topics":["android","awesome","collections","dart","flutter","flutter-apps","flutter-examples","hacktoberfest","ios","mobile","resources"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/oliver-gomes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2019-05-20T22:03:36.000Z","updated_at":"2025-05-23T22:52:21.000Z","dependencies_parsed_at":"2023-05-15T07:45:26.897Z","dependency_job_id":null,"html_url":"https://github.com/oliver-gomes/flutter-guide","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/oliver-gomes/flutter-guide","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oliver-gomes%2Fflutter-guide","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oliver-gomes%2Fflutter-guide/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oliver-gomes%2Fflutter-guide/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oliver-gomes%2Fflutter-guide/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oliver-gomes","download_url":"https://codeload.github.com/oliver-gomes/flutter-guide/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oliver-gomes%2Fflutter-guide/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33752286,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-31T02:00:06.040Z","response_time":95,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-04T20:16:55.461Z","updated_at":"2026-06-17T15:00:37.397Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Food Recipe","Table of Contents"],"sub_categories":[],"readme":"\u003cp  align=\"center\"\u003e\n\u003ca  href=\"http://ant.design\"\u003e\n\u003cimg  width=\"300\"  src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/flutter-main.png?raw=true\"\u003e\n\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp  align=\"center\"\u003e\n  \u003cimg  alt=\"PRs Welcome\" src=\"https://img.shields.io/badge/PRs-welcome-brightgreen.svg\" /\u003e\n\u003c/p\u003e\n\n\u003cdiv  style=\"text-align: center\"\u003e\u003ctable\u003e\u003ctr\u003e\n\u003ctd  style=\"text-align: center\"\u003e\n\u003cimg  src=\"https://github.com/oliver-gomes/flutter-guide/blob/master/images/relax-erin.gif?raw=true\"  width=\"200\"  height=\"370\"/\u003e\n\u003c/td\u003e\n\u003ctd  style=\"text-align: center\"\u003e\n\u003cimg  src=\"https://github.com/oliver-gomes/flutter-guide/blob/master/images/compass-zebiao.gif?raw=true\"  width=\"200\"  height=\"370\"/\u003e\n\u003c/td\u003e\n\u003ctd  style=\"text-align: center\"\u003e\n\u003cimg  src=\"https://user-images.githubusercontent.com/1295961/42728108-34e485a0-87b3-11e8-94af-224f81bec82d.gif\"  width=\"200\"/\u003e\n\u003c/td\u003e\n\u003ctd  style=\"text-align: center\"\u003e\n\u003cimg  src=\"https://camo.githubusercontent.com/23d3c78b0a2b645567630468bd68d54c02c2076a/68747470733a2f2f63646e2e3264696d656e73696f6e732e636f6d2f315f53746172742e676966\"  width=\"200\"  height=\"370\"/\u003e\n\u003c/td\u003e\n\u003c/tr\u003e\u003c/table\u003e\u003c/div\u003e\n\n## How to Use and Contribute\n\n⚡Hacktoberfest⚡ Hacker Welcome!\nWelcoming coder of all skills! Beginner on their first PR to hardcore flutterista. \n\n- Go through the Table of Contents and start exploring all exciting Flutter features\n\n- Everything is made in chronological order for ease of understanding Flutter\n\nIf 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).\n\nWe use such labels for free:\n\n- \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/flutterio-icon.svg?sanitize=true\" height=\"20\"/\u003e --\u003e Add it to resource that is made by Google's Flutter team\n- \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/screen-player.svg?sanitize=true\" height=\"20\"/\u003e --\u003e Add it to resource that is a video course\n\nDon't forget to add them. Now I'd love to see your suggestions!\n\n## Table of Contents\n\n- [Introduction](#introduction)\n- [Widgets](#widgets)\n- [Animations](#animations)\n- [Material Design](#material-design)\n- [Example Apps](#example-apps)\n  - [Food Recipe](#food-recipe)\n- [Recommended Learning Resource](#recommended-learning-resource)\n\n# Introduction\n\nThe main reason for this guide to exist is to make it easy for new developer to have everything in one place.\n\n# Widgets\n\nBasic Must-Know Widgets\n\n- ## Scaffold\n\n\u003cp  align=\"center\"\u003e\n\u003cimg  width=\"300\"  src=\"https://github.com/oliver-gomes/flutter-guide/blob/master/images/widgets/scaffold/scaffold.png?raw=true\"\u003e\n\u003c/p\u003e\n\nComplementing Tutorials:\n-- [Scaffold Tutorial from ProAndroidDev](https://proandroiddev.com/flutter-material-design-using-scaffold-appbar-body-bottom-navigation-floating-action-f84d71e68c76)\n\n- ## Container\n\n\u003cp  align=\"center\"\u003e\n\u003cimg  width=\"400\"  src=\"https://github.com/oliver-gomes/flutter-guide/blob/master/images/widgets/container/container.png?raw=true\"\u003e\n\u003c/p\u003e\n\nComplementing Tutorials:\n-- [Container Tutorial from FlutterDoc](https://flutterdoc.com/widgets-container-d8eee21ad2f4)\n\n- ## Row\n\n\u003cp  align=\"center\"\u003e\n\u003cimg  width=\"300\"  src=\"https://github.com/oliver-gomes/flutter-guide/blob/master/images/widgets/row/row.png?raw=true\"\u003e\n\u003c/p\u003e\n\nComplementing Tutorials:\n-- [Row Tutorial from FlutterDoc](https://flutterdoc.com/widgets-row-4ff6c5cfb9e0)\n\n- ## Column\n  \u003cp  align=\"center\"\u003e\n  \u003cimg  width=\"300\"  src=\"https://github.com/oliver-gomes/flutter-guide/blob/master/images/widgets/column/column.png?raw=true\"\u003e\n  \u003c/p\u003e\n\nComplementing Tutorials:\n-- [Column Tutorial from FlutterDoc](https://flutterdoc.com/widgets-column-e129769fbcb3)\n\n- ## ListView\n  \u003cp align=\"center\"\u003e\n  \u003cimg width=\"300\" src=\"https://github.com/CoderJava/flutter-guide/blob/master/images/widgets/listview/flutter-listview.gif?raw=true\"\u003e\n  \u003c/p\u003e\n\nComplementing Tutorials:\n-- [Mastering Flutter ListView from Pusher.com](https://pusher.com/tutorials/flutter-listviews)\n\n- ## GridView\n  \u003cp align=\"center\"\u003e\n  \u003cimg width=\"200\" src=\"https://github.com/CoderJava/flutter-guide/blob/master/images/widgets/gridview/flutter-gridview.png?raw=true\"\u003e\n  \u003c/p\u003e\n  \nComplementing Tutorials:\n-- [GridView Tutorial from Yudi Setiawan](https://medium.com/nusanet/flutter-gridview-bad48c1f216c)\n\n- ## Slivers\n  \u003cp align=\"center\"\u003e\n  \u003cimg width=\"100\" src=\"https://github.com/sbis04/flutter-guide/blob/master/images/sliver_1.gif\"\u003e\n  \u003cimg width=\"100\" src=\"https://github.com/sbis04/flutter-guide/blob/master/images/sliver_2.gif\"\u003e\n  \u003c/p\u003e\n  \nComplementing Tutorials:\n-- [Slivers, Demystified from Emily Fortuna](https://medium.com/nusanet/flutter-gridview-bad48c1f216c)\n\n- ## Cupertino\n  \u003cp align=\"center\"\u003e\n  \u003cimg width=\"300\" src=\"https://github.com/CoderJava/flutter-guide/blob/master/images/widgets/cupertino/flutter-cupertino.png?raw=true\"\u003e\n  \u003c/p\u003e\n  \nComplementing Tutorials:\n-- [Cupertino Tutorial from Yudi Setiawan](https://medium.com/nusanet/flutter-cupertino-app-76c33768c242)\n\n- ## ColorFiltered\n  \u003cp align=\"center\"\u003e\n  \u003cimg width=\"300\" src=\"https://miro.medium.com/max/758/1*Rdqq2kR6wTKmOKmj4FHXSw.png?raw=true\"\u003e\n  \u003c/p\u003e\n  \nComplementing Tutorials:\n-- [ColorFiltered from FlutterPub](https://medium.com/flutterpub/using-colorfiltered-widget-in-flutter-apps-19ba196097e)\n\n# Animations\n\n- ## Login Animation\n\u003cimg src=\"https://cdn-images-1.medium.com/fit/t/1600/480/1*TKdqkhGgRYnX78ECSSQWeA.gif\"/\u003e\n\nImplementing super smooth animations in your Flutter App:-- [Flutter Login Animation](https://github.com/GeekyAnts/flutter-login-home-animation)\n\n- ## Facebook reaction\n\u003cp align=\"center\"\u003e\n\u003cimg  width=\"200\" src=\"https://miro.medium.com/max/300/1*W4WhAABvJNKcH2w80Dm6KA.gif\"/\u003e\n\u003c/p\u003e\nFacebook Reactions Animation With Flutter:-- [Facebook Reactions](https://github.com/duytq94/flutter-fb-reactions-animation)\n- ## DayNightSwitch \nA day night switch widget for Flutter.\n  \u003cp align=\"center\"\u003e\n  \u003cimg width=\"200\" src=\"https://raw.githubusercontent.com/divyanshub024/day_night_switch/master/day_night_switch.gif\"\u003e\n  \u003c/p\u003e\n  For More Details :\n-- [Day_Night_Switch](https://github.com/divyanshub024/day_night_switch)\n\n\n\n# Material Design\nImplementing Material Design in Flutter\n\n- [Material Design login page](https://codeburst.io/make-a-material-design-login-page-with-flutter-the-basics-99d3acd80b18)\n- [Flutter II: Material Design — [Flutter 1.0]](https://medium.com/@develodroid/flutter-ii-material-design-f437e3e8e6a9)\n- [Material Components widgets](https://flutter.dev/docs/development/ui/widgets/material) \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/flutterio-icon.svg?sanitize=true\" height=\"20\"/\u003e\n\n# Example Apps\n## Food Recipe\nApplication that presents information about food recipes from [TheMealDb](https://www.themealdb.com) API.\u003cbr /\u003e\n- [Github Project](https://github.com/CoderJava/Food-Recipe) by Yudi Setiawan\n\n\u003cimg  src=\"https://github.com/CoderJava/flutter-guide/blob/master/images/sample%20apps/food%20recipe.gif?raw=true\"  width=\"200\"  height=\"370\"/\u003e\n\n[\u003cimg src=\"https://github.com/CoderJava/flutter-guide/blob/master/images/google-play-badge.png\" width=\"194\" height=\"75\"\u003e](https://play.google.com/store/apps/details?id=ysn.com.food_recipe)\n\n- [The Hacker News App](https://github.com/filiph/hn_app) by Filip Hracek\n- [Basic Google Translate Layout](https://github.com/Ramyaeaswaran/translate_app_layout) by Ramya Easwaran\n- [Flews - A multi-service news app](https://github.com/jbarr21/flews) by James Barr\n- [Grocery Shopping App](https://github.com/Widle-Studio/Grocery-App) by Widle Studio\n- [BookSearch](https://github.com/Norbert515/BookSearch) by Norbert Kozsir\n- [ToDo App with Firebase](https://github.com/huextrat/Taskist) by Hugo EXTRAT\n- [Habbit](https://github.com/lzyy/habbit) by Limboy\n- [fluttergram - Instagram Clone](https://github.com/mdanics/fluttergram) by Matthew Danics\n- [Flutter gallery](https://github.com/flutter/flutter/tree/master/examples/flutter_gallery) by Jonah Williams\n\n- [inKino - A multiplatform Dart movie app](https://github.com/roughike/inKino) by Iiro Krankka\n- [SpaceX GO!](https://github.com/jesusrp98/spacex-go) by Jesús Rodríguez\n- [Natrium - Fast, Robust \u0026 Secure NANO Wallet](https://github.com/appditto/natrium_wallet_flutter) by Appditto\n- [Grey - Material designed music player](https://github.com/avirias/Grey) by Avinash Kumar\n- [Piano Tiles - A simple clone app of Piano Tiles 2 game](https://github.com/MarcinusX/piano_tiles) by Marcin Szałek\n- [Flutter TicTac Game](https//github.com/Datlyfe/flutter_tic_tac) by Bouaggad Moez\n- [Flutter Implementation of Google Maps API](https://github.com/nikhilmufc7/Flutter_GreatPlaces) by Nikhil Singh\n\n\n- [The Public Transport - Modern public transport for Germany](https//github.com/thepublictransport/thepublictransport-app) by Tristan Marsell (PDesire)\n\n[\u003cimg alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png' width=\"194\" height=\"75\"/\u003e](https://play.google.com/store/apps/details?id=de.pdesire.thepublictransportapp\u0026pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1)\n\n\n- [Water Drink Reminder](https://github.com/ThalapathySiva/drink_reminder_flutter) by Sivaram\n\n- [Draft - Notes taking App](https://github.com/roshanrahman/flutter-notes-app) by Roshan \n\n- [Chap - Chat Application](https://github.com/vineeshvk/chat-app-flutter) by Vineesh\n\n- [Hand cricket Game](https://github.com/sivaperumal644/hand_cricket_flutter) by Siva Perumal\n\n\n# Recommended Learning Resource\n\n- [The Boring Flutter Development Show](https://www.youtube.com/watch?v=vqPG1tU6-c0\u0026list=PLjxrf2q8roU3ahJVrSgAnPjzkpGmL9Czl)\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/flutterio-icon.svg?sanitize=true\" height=\"20\"/\u003e\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/screen-player.svg?sanitize=true\" height=\"20\"/\u003e\n- [Flutter Bootcamp with Angela Yu](https://www.udemy.com/flutter-bootcamp-with-dart/)\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/flutterio-icon.svg?sanitize=true\" height=\"20\"/\u003e\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/screen-player.svg?sanitize=true\" height=\"20\"/\u003e\n\n- [Build Native Mobile Apps with Flutter](https://www.udacity.com/course/build-native-mobile-apps-with-flutter--ud905?source=post_page-----2ade7aa73305----------------------)\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/screen-player.svg?sanitize=true\" height=\"20\"/\u003e\n- [Flutter Tutorials by MTECHVIRAL](https://youtu.be/qWL1lGchpRA?list=PLR2qQy0Zxs_UdqAcaipPR3CG1Ly57UlhV)\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/screen-player.svg?sanitize=true\" height=\"20\"/\u003e\n- [Coding With Flutter by Andrea Bizzo (paid udemy course)](https://codingwithflutter.com/)\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/screen-player.svg?sanitize=true\" height=\"20\"/\u003e\n- [Flutter tutorials for beginners to advanced.](https://www.youtube.com/playlist?list=PLR2qQy0Zxs_UdqAcaipPR3CG1Ly57UlhV)\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/screen-player.svg?sanitize=true\" height=\"20\"/\u003e\n- [Flutter tutorials from whatsupcoders](https://www.youtube.com/playlist?list=PL6BTtm1PxwOUpt1muzFD3ErxWdCzLkYbI)\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/screen-player.svg?sanitize=true\" height=\"20\"/\u003e\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/screen-player.svg?sanitize=true\" height=\"20\"/\u003e\n- [Flutter tutorials from The Net Ninja](https://www.youtube.com/playlist?list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ)\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/screen-player.svg?sanitize=true\" height=\"20\"/\u003e\n- [Flutter tutorials from Tensor Programming](https://www.youtube.com/playlist?list=PLJbE2Yu2zumDqr_-hqpAN0nIr6m14TAsd)\n  \u003cimg src=\"https://github.com/oliver-gomes/flutter-guide/raw/master/images/svg/screen-player.svg?sanitize=true\" height=\"20\"/\u003e\n- [Flutter Cool UI and Firebase Tutorials by Raja Yogan](https://www.youtube.com/channel/UCjBxAm226XZvgrkO-JyjJgQ/featured)\n- [Flutter Widget of the Week](https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG)\n- [Flutter Crash Course](https://fluttercrashcourse.com)\n- [DevonFw Flutter Guide](https://github.com/devonfw-forge/devonfw4flutter) \n\n# Official Link to Flutter Community available on different platforms\n\n- [Youtube](https://www.youtube.com/channel/UCwXdFgeE9KYzlDdR7TG9cMw)\n- [Reddit](https://www.reddit.com/r/FlutterDev/)\n- [Discord](https://discordapp.com/invite/N7Yshp4)\n- [Twitter](https://twitter.com/FlutterDev)\n- [Medium](https://medium.com/flutter-io)\n- [Gitter](https://gitter.im/flutter/flutter)\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/oliver-gomes%2Fflutter-guide/projects"}