{"id":13554039,"url":"https://github.com/bizz84/flutter_example_apps","last_synced_at":"2025-04-04T19:13:37.517Z","repository":{"id":41160445,"uuid":"316247400","full_name":"bizz84/flutter_example_apps","owner":"bizz84","description":"A directory of all my open source Flutter apps and projects.","archived":false,"fork":false,"pushed_at":"2021-11-21T10:57:22.000Z","size":244,"stargazers_count":783,"open_issues_count":2,"forks_count":81,"subscribers_count":30,"default_branch":"main","last_synced_at":"2025-03-28T18:15:38.060Z","etag":null,"topics":["dart","firebase","flutter"],"latest_commit_sha":null,"homepage":"https://codewithandrea.com","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bizz84.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":"bizz84"}},"created_at":"2020-11-26T14:00:24.000Z","updated_at":"2025-03-04T19:20:50.000Z","dependencies_parsed_at":"2022-07-21T04:49:20.657Z","dependency_job_id":null,"html_url":"https://github.com/bizz84/flutter_example_apps","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bizz84%2Fflutter_example_apps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bizz84%2Fflutter_example_apps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bizz84%2Fflutter_example_apps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bizz84%2Fflutter_example_apps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bizz84","download_url":"https://codeload.github.com/bizz84/flutter_example_apps/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247234923,"owners_count":20905854,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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"}},"keywords":["dart","firebase","flutter"],"created_at":"2024-08-01T12:02:38.467Z","updated_at":"2025-04-04T19:13:37.494Z","avatar_url":"https://github.com/bizz84.png","language":null,"funding_links":["https://github.com/sponsors/bizz84"],"categories":["Others"],"sub_categories":[],"readme":"# Flutter Example Apps | Code With Andrea\n\n![Code With Andrea Banner](media/codewithandrea-banner.png)\n\n[![License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat)](http://mit-license.org)\n[![Slack](https://img.shields.io/badge/Slack-Join-green.svg?style=flat)](https://nnbd.me/slack)\n[![Twitter](https://img.shields.io/badge/twitter-@biz84-blue.svg?style=flat)](http://twitter.com/biz84)\n\nThis is a directory of all my open source Flutter apps and projects. I published these as part of my tutorials at [CodeWithAndrea.com](https://codewithandrea.com).\n\nAll the entries are categorized as [beginner](#beginner), [intermediate](#intermediate), or [advanced](#advanced), based on their complexity and project size.\n\n**I plan to expand this collection further and add more example apps in the future.**\n\n_Note: most projects include a link to the relevant tutorial from [my website](https://codewithandrea.com) or [YouTube channel](https://nnbd.me/yt)._\n\n## Beginner\n\n- **[Simple BMI Calculator Flutter App](https://github.com/bizz84/bmi_calculator_app_flutter)**\n- **[Super Useful Flutter Layouts - Right in Your Pocket](https://github.com/bizz84/layout-demo-flutter)**: This demos shows how to use the most common layouts in Flutter. Includes live Flutter web app.\n\n## Intermediate\n\n- **[BottomAppBar Navigation with FAB](https://github.com/bizz84/bottom_bar_fab_flutter)**: this demo features a custom `BottomAppBar` that shows multiple pages, along with a FAB with options.\n- **[Multiple Navigators with BottomNavigationBar](https://github.com/bizz84/nested-navigation-demo-flutter)**: Bottom navigation with independent navigation stacks on each page.\n- **[Apple Sign In with Firebase \u0026 Flutter](https://github.com/bizz84/apple_sign_in_firebase_flutter)**: Reference code showing how to implement Apple Sign-In.\n- **[Example Layouts with Slivers in Flutter](https://github.com/bizz84/slivers_demo_flutter)**: Demo app showing how to use `CustomScrollView`, `SliverAppBar`, `SliverPersistentHeader`, `SliverList` \u0026 `SliverFixedExtentList`, `SliverGrid`, `SliverToBoxAdapter`, `SliverFillRemaining`.\n- **[Fitness Tracker - Flutter UI Demo](https://github.com/bizz84/fitness_tracker_flutter)**: Simple replica of the Strava UI in Flutter.\n- **[Flutter: Input Validation with RegExp](https://github.com/bizz84/input_validation_demo_flutter)**: Email \u0026 decimal number `TextField` validation with RegExp.\n- **[Sample Stopwatch App + Performance tests](https://github.com/bizz84/stopwatch-flutter)**: Performance-optimized implementation of the iOS stopwatch app.\n- **[Advanced Provider Architecture Demo: Image Picker + Firebase Storage Upload](https://github.com/bizz84/firebase_user_avatar_flutter)**: How to capture, upload and show an avatar image. Uses Firebase Authentication and Storage.\n- **[Restaurant In-App Rating Demo App with Flutter \u0026 Firebase](https://github.com/bizz84/restaurant_ratings_flutter_firebase)**: Simple app with restaurant list \u0026 detail page + Cloud Functions to calculate average rating and number of ratings.\n- **[Example GitHub Search app built in Flutter \u0026 RxDart](https://github.com/bizz84/github_search_flutter_client_rxdart_example)**: Search-as-you-type with RxDart and the GitHub API.\n- **[RxDart by example: combineLatest and data modeling with Firestore](https://github.com/bizz84/rxdart_combine_latest_example_movie_app)**: A simple movie favourites app showing how to use `combineLatest` to combine data from two Firestore collections into one stream.\n- **[Flight CO2 Calculator app](https://github.com/bizz84/flight_co2_calculator_flutter)**. Slick app to calculate the CO2 emissions for flights between any pair of airports.\n- **[Game of Life](https://github.com/bizz84/game_of_life_flutter)**: simple Flutter demo showing a few different patterns from [Conway's Game of Life](https://en.wikipedia.org/wiki/Conway's_Game_of_Life).\n- **[Flutter Animations Gallery](https://github.com/bizz84/flutter_animations_gallery/)**. A showcase of the most common Flutter animation APIs.\n- **[Flutter Mood Tracking app](https://github.com/bizz84/mood_tracker_flutter)**. An example Flutter app showing how to work with Cloud Functions and the Firebase Local Emulator.\n- **[Code With Andrea - Flutter Clone](https://github.com/bizz84/code_with_andrea_flutter/)**. A clone of my home page at [codewithandrea.com](https://codewithandrea.com)\n\n## Advanced\n\n- **[Flutter State Management: Movie App with Provider, Riverpod, flutter_bloc](https://github.com/bizz84/movie_app_state_management_flutter)**\n- **[Starter Architecture Demo for Flutter \u0026 Firebase Realtime Apps](https://github.com/bizz84/starter_architecture_flutter_firebase)**: Reference architecture demo that can be used as a starting point for apps using Flutter \u0026 Firebase.\n- **[nCoV 2019 Backend REST API and Admin Web Client](https://github.com/bizz84/ncov2019-api-and-webclient)**: Backend and Flutter web dashboard for my [Flutter REST API course](https://nnbd.me/fr).\n\n## Packages on pub.dev\n\n- **[page_flip_builder](https://pub.dev/packages/page_flip_builder)**: A custom Flutter widget that enables interactive page-flip transitions in your app.\n- **[pushable_button](https://pub.dev/packages/pushable_button)**: A 3D pushable button built in Flutter. Ideal for important CTAs in the app.\n  \n## Other\n\n- [CodeWithAndrea Flutter Packages](https://github.com/bizz84/codewithandrea_flutter_packages): A collection of packages created to increase code reuse across many of my Flutter projects. These are **NOT** published on [pub.dev](https://pub.dev) and are subject to change at any time.\n\n## Courses\n\nThis section contains the source code for my Dart, Flutter \u0026 Firebase courses on Udemy:\n\n- **[Dart course exercises, solutions and projects](https://github.com/bizz84/dart-course-materials)** (Dart [course link](https://nnbd.me/dart))\n- **[Time Tracker App source code](https://github.com/bizz84/time_tracker_flutter_course)** (Flutter \u0026 Firebase [course link](https://nnbd.me/ff))\n- **[Coronavirus App source code](https://github.com/bizz84/coronavirus_rest_api_flutter_course)** (Flutter REST API Crash [course link](https://nnbd.me/fr))\n- **[Flutter Animations Course projects](https://github.com/bizz84/flutter_animations_course_materials)** (Flutter Animations [course link](https://nnbd.me/fa))\n\n## Outdated\n\nNote: this section contains projects that are outdated. *I do NOT recommend using them as reference.*\n\n- **[State Management Comparison: Authentication Flow](https://github.com/bizz84/simple_auth_comparison_flutter)**\n- **[Reference Authentication Flow with Flutter \u0026 Firebase](https://github.com/bizz84/firebase_auth_demo_flutter)**: Demo app showing the most common Firebase sign in methods. _This project is outdated - see the [starter architecute demo](https://github.com/bizz84/starter_architecture_flutter_firebase) instead._\n- **[Multiple Counters App with `setState` vs `StreamBuilder` vs `scoped_model` vs `redux`](https://github.com/bizz84/multiple-counters-flutter)**\n- **[Flutter \u0026 Firebase Authentication demo](https://github.com/bizz84/coding-with-flutter-login-demo)**: Code for my Flutter \u0026 Firebase auth series back in 2018.\n- **[RoboHash Flutter Demo](https://github.com/bizz84/coding-with-flutter-robohash-demo)**: How to load an avatar image with the [RoboHash API](https://robohash.org/).\n- **[Photos and Camera Image Picker built in Flutter](https://github.com/bizz84/image-picker-demo-flutter)**: I originally built this to learn Platform Channels, rather than using the [image_picker](https://pub.dev/packages/image_picker) plugin.\n\n## Want more?\n\nIf there are specific apps or projects that you'd like to see implemented in Flutter, hit me up on [Twitter](http://twitter.com/biz84) or [Slack](https://nnbd.me/slack). *There's no guarantee that I'll do them, but it's good to keep the ideas flowing.* 🙂\n\n## [LICENSE: MIT](LICENSE.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbizz84%2Fflutter_example_apps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbizz84%2Fflutter_example_apps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbizz84%2Fflutter_example_apps/lists"}