Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/bizz84/flutter_example_apps

A directory of all my open source Flutter apps and projects.
https://github.com/bizz84/flutter_example_apps

dart firebase flutter

Last synced: 6 days ago
JSON representation

A directory of all my open source Flutter apps and projects.

Host: GitHub
URL: https://github.com/bizz84/flutter_example_apps
Owner: bizz84
License: mit
Created: 2020-11-26T14:00:24.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2021-11-21T10:57:22.000Z (almost 3 years ago)
Last Synced: 2024-10-14T04:41:04.638Z (22 days ago)
Topics: dart, firebase, flutter
Homepage: https://codewithandrea.com
Size: 238 KB
Stars: 757
Watchers: 31
Forks: 82
Open Issues: 2
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md

Awesome Lists containing this project

README

        # Flutter Example Apps | Code With Andrea

![Code With Andrea Banner](media/codewithandrea-banner.png)

[![License](https://img.shields.io/badge/license-MIT-blue.svg?style=flat)](http://mit-license.org)

[![Slack](https://img.shields.io/badge/Slack-Join-green.svg?style=flat)](https://nnbd.me/slack)

[![Twitter](https://img.shields.io/badge/[email protected]?style=flat)](http://twitter.com/biz84)

This 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).

All the entries are categorized as [beginner](#beginner), [intermediate](#intermediate), or [advanced](#advanced), based on their complexity and project size.

**I plan to expand this collection further and add more example apps in the future.**

_Note: most projects include a link to the relevant tutorial from [my website](https://codewithandrea.com) or [YouTube channel](https://nnbd.me/yt)._

## Beginner

- **[Simple BMI Calculator Flutter App](https://github.com/bizz84/bmi_calculator_app_flutter)**

- **[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.

## Intermediate

- **[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.

- **[Multiple Navigators with BottomNavigationBar](https://github.com/bizz84/nested-navigation-demo-flutter)**: Bottom navigation with independent navigation stacks on each page.

- **[Apple Sign In with Firebase & Flutter](https://github.com/bizz84/apple_sign_in_firebase_flutter)**: Reference code showing how to implement Apple Sign-In.

- **[Example Layouts with Slivers in Flutter](https://github.com/bizz84/slivers_demo_flutter)**: Demo app showing how to use `CustomScrollView`, `SliverAppBar`, `SliverPersistentHeader`, `SliverList` & `SliverFixedExtentList`, `SliverGrid`, `SliverToBoxAdapter`, `SliverFillRemaining`.

- **[Fitness Tracker - Flutter UI Demo](https://github.com/bizz84/fitness_tracker_flutter)**: Simple replica of the Strava UI in Flutter.

- **[Flutter: Input Validation with RegExp](https://github.com/bizz84/input_validation_demo_flutter)**: Email & decimal number `TextField` validation with RegExp.

- **[Sample Stopwatch App + Performance tests](https://github.com/bizz84/stopwatch-flutter)**: Performance-optimized implementation of the iOS stopwatch app.

- **[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.

- **[Restaurant In-App Rating Demo App with Flutter & Firebase](https://github.com/bizz84/restaurant_ratings_flutter_firebase)**: Simple app with restaurant list & detail page + Cloud Functions to calculate average rating and number of ratings.

- **[Example GitHub Search app built in Flutter & RxDart](https://github.com/bizz84/github_search_flutter_client_rxdart_example)**: Search-as-you-type with RxDart and the GitHub API.

- **[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.

- **[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.

- **[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).

- **[Flutter Animations Gallery](https://github.com/bizz84/flutter_animations_gallery/)**. A showcase of the most common Flutter animation APIs.

- **[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.

- **[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)

## Advanced

- **[Flutter State Management: Movie App with Provider, Riverpod, flutter_bloc](https://github.com/bizz84/movie_app_state_management_flutter)**

- **[Starter Architecture Demo for Flutter & 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 & Firebase.

- **[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).

## Packages on pub.dev

- **[page_flip_builder](https://pub.dev/packages/page_flip_builder)**: A custom Flutter widget that enables interactive page-flip transitions in your app.

- **[pushable_button](https://pub.dev/packages/pushable_button)**: A 3D pushable button built in Flutter. Ideal for important CTAs in the app.

  

## Other

- [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.

## Courses

This section contains the source code for my Dart, Flutter & Firebase courses on Udemy:

- **[Dart course exercises, solutions and projects](https://github.com/bizz84/dart-course-materials)** (Dart [course link](https://nnbd.me/dart))

- **[Time Tracker App source code](https://github.com/bizz84/time_tracker_flutter_course)** (Flutter & Firebase [course link](https://nnbd.me/ff))

- **[Coronavirus App source code](https://github.com/bizz84/coronavirus_rest_api_flutter_course)** (Flutter REST API Crash [course link](https://nnbd.me/fr))

- **[Flutter Animations Course projects](https://github.com/bizz84/flutter_animations_course_materials)** (Flutter Animations [course link](https://nnbd.me/fa))

## Outdated

Note: this section contains projects that are outdated. *I do NOT recommend using them as reference.*

- **[State Management Comparison: Authentication Flow](https://github.com/bizz84/simple_auth_comparison_flutter)**

- **[Reference Authentication Flow with Flutter & 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._

- **[Multiple Counters App with `setState` vs `StreamBuilder` vs `scoped_model` vs `redux`](https://github.com/bizz84/multiple-counters-flutter)**

- **[Flutter & Firebase Authentication demo](https://github.com/bizz84/coding-with-flutter-login-demo)**: Code for my Flutter & Firebase auth series back in 2018.

- **[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/).

- **[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.

## Want more?

If 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.* 🙂

## [LICENSE: MIT](LICENSE.md)