# Flutter-Course-Resources ## Setting Up for Flutter Development ## 1. I Am Rich App * [Material Design](https://material.io/) * [Scaffold Documentation](https://docs.flutter.io/flutter/material/Scaffold-class.html) * [AppBar Documentation](https://docs.flutter.io/flutter/material/AppBar-class.html) * [Material Design Colour System](https://material.io/design/color/the-color-system.html) * [Image Widget Documentation](https://docs.flutter.io/flutter/widgets/Image-class.html) * [Make Flowcharts with Draw.io](https://www.draw.io/) * [Learn More About the Pubspec File](https://www.dartlang.org/tools/pub/pubspec) * [Adding Assets](https://flutter.dev/docs/development/ui/assets-and-images) * [Generating App Icons with AppIcon.co](https://appicon.co/) ## 2. I Am Poor App * [Icons8](https://icons8.com/) * [Vecteezy](https://www.vecteezy.com/) * [Canva](https://www.canva.com/) ## 3. MiCard App * [MiCard Stub Project](https://github.com/londonappbrewery/mi_card_flutter) * [Widgets Catalogue](https://flutter.dev/docs/development/ui/widgets) * [Container Documentation](https://docs.flutter.io/flutter/widgets/Container-class.html) * [Column Documentation](https://docs.flutter.io/flutter/widgets/Column-class.html) * [Row Documentation](https://docs.flutter.io/flutter/widgets/Row-class.html) * [Tomek's Flutter Layout Cheat Sheet](https://medium.com/flutter-community/flutter-layout-cheat-sheet-5363348d037e) * [Download fancy fonts from fonts.google.com](https://fonts.google.com/) * [How to add fonts to the pubspec.yaml file](https://flutter.dev/docs/cookbook/design/package-fonts) * [The Icons Class](https://docs.flutter.io/flutter/material/Icons-class.html) * [Material Design Icons](https://material.io/tools/icons/?style=baseline) * [Icons on materialpalette.com](https://www.materialpalette.com/icons) * [Card Class Documentation](https://docs.flutter.io/flutter/material/Card-class.html) * [The Padding Class](https://docs.flutter.io/flutter/widgets/Padding-class.html) * [The ListTile Class](https://docs.flutter.io/flutter/material/ListTile-class.html) * [Flutter's Horizontal Rule - The Divider](https://docs.flutter.io/flutter/material/Divider-class.html) ## 4. Dicee App * [Dicee Stub Project](https://github.com/londonappbrewery/dicee-flutter) * [Expanded Class](https://docs.flutter.io/flutter/widgets/Expanded-class.html) * [Image Widget Documentation](https://docs.flutter.io/flutter/widgets/Image-class.html) * [FlatButton Documentation](https://docs.flutter.io/flutter/material/FlatButton-class.html) * [Run code snippets on DartPad](https://dartpad.dartlang.org/) * [Dart Math Library](https://api.dartlang.org/stable/2.2.0/dart-math/dart-math-library.html) * [Random Class](https://api.dartlang.org/stable/2.2.0/dart-math/Random-class.html) ## 5. Magic 8 Ball Challenge * [Magic 8 Ball Stub](https://github.com/londonappbrewery/magic-8-ball-flutter) ## 6. Xylophone App * [XyloPhone Stub Project](https://github.com/londonappbrewery/xylophone-flutter) * [Flutter Packages](https://pub.dartlang.org/flutter) * [Guide to Using Flutter Packages](https://flutter.dev/docs/development/packages-and-plugins/using-packages) * [Luan Nico's Audioplayers Package](https://pub.dartlang.org/packages/audioplayers) * [AudioCache Documentation](https://github.com/luanpotter/audioplayers/blob/master/doc/audio_cache.md) * [DartPad Functions Exercise](https://dartpad.dartlang.org/4bf7549c820d1adb4be8673e92820e43) ## 7. Quizzler App * [Quizzler Stub Project](https://github.com/londonappbrewery/quizzler-flutter) * [List Gist for DartPad List Practice](https://gist.github.com/angelabauer/f9db1b64cf51623d42b1ac1722bd016c) * [Dart List Language Tour](https://www.dartlang.org/guides/libraries/library-tour#collections) * [RFlutter Alert Package](https://pub.dartlang.org/packages/rflutter_alert) * [Dart Constructors](https://www.dartlang.org/guides/language/language-tour#constructors) * [Quizzler Starting File for Challenge](https://github.com/londonappbrewery/quizzler-flutter-challenge-starting) ## 8. Destini Challenge * [Destini Stub](https://github.com/londonappbrewery/destini-challenge-starting) ## 9. BMI App * [BMI Stub Project](https://github.com/londonappbrewery/bmi-calculator-flutter) * [Dribbble: Find Designers and Design inspiration](https://dribbble.com/) * [Ruben Vaalt's beautiful BMI Calculator Design](https://dribbble.com/shots/4585382-Simple-BMI-Calculator) * [Using Themes](https://flutter.dev/docs/cookbook/design/themes) * [The Flutter Cookbook](https://flutter.dev/docs/cookbook) * [ThemeData Class](https://api.flutter.dev//flutter/material/ThemeData-class.html) * [Find Color HEX codes easily with the Colorzilla plugin](http://www.colorzilla.com/) * [The Color Class](https://docs.flutter.io/flutter/dart-ui/Color-class.html) * [How do HEX codes for with colours?](https://stackoverflow.com/questions/22239803/how-does-hexadecimal-color-work) * [The Key Class](https://docs.flutter.io/flutter/foundation/Key-class.html) * [When to Use Keys - Flutter Widgets 101 Ep. 4](https://www.youtube.com/watch?v=kn0EOS-ZiIc) * [Dart Language Tour: Final and Const](https://www.dartlang.org/guides/language/language-tour#final-and-const) * [Font Awesome Flutter Package](https://pub.dartlang.org/packages/font_awesome_flutter) * [The GestureDetector Class](https://docs.flutter.io/flutter/widgets/GestureDetector-class.html) * [Slider Class](https://docs.flutter.io/flutter/material/Slider-class.html) * [FloatingActionButton Class](https://docs.flutter.io/flutter/material/FloatingActionButton-class.html) * [ShapeBorder Class](https://docs.flutter.io/flutter/painting/ShapeBorder-class.html) * [RawMaterialButton Class](https://docs.flutter.io/flutter/material/RawMaterialButton-class.html) * [Navigating between Screens on Flutter](https://flutter.dev/docs/cookbook/navigation/navigation-basics) * [LAB Navigation Demo](https://github.com/londonappbrewery/Navigation-Flutter-Demo) * [Navigate with Named Routes](https://flutter.dev/docs/cookbook/navigation/named-routes) * [Definition of the Body Mass Index (BMI)](https://en.wikipedia.org/wiki/Body_mass_index) ## 10. Clima App * [Clima Stub Project](https://github.com/londonappbrewery/Clima-Flutter) * [Get the Location using the Geolocator Package](https://pub.dartlang.org/packages/geolocator) * [Android X Compatilibity](https://flutter.dev/docs/development/packages-and-plugins/androidx-compatibility) * [Starter Code Snippet for Async Await Demo](https://gist.github.com/angelabauer/c19c42b7795a185d2113f3b47263d2c0) * [Illustrating Lifecycles with the LAB Navigation Demo](https://github.com/londonappbrewery/Navigation-Flutter-Demo) * [Location Refactoring Challenge Instructions](https://github.com/londonappbrewery/Clima-Flutter-Location-Refactor-Challenge) * [OpenWeatherMap APIs](https://openweathermap.org/api) * [Fetching Data from the Internet](https://flutter.dev/docs/cookbook/networking/fetch-data) * [The Dart http package](https://pub.dartlang.org/packages/http) * [OpenWeatherMap Current Weather Documentation](https://openweathermap.org/current) * [HTTP Package API Reference](https://pub.dartlang.org/documentation/http/latest/) * [HTTP Response Class Documentation](https://pub.dartlang.org/documentation/http/latest/http/Response-class.html) * [List of HTTP Status Codes](https://www.restapitutorial.com/httpstatuscodes.html) * [Chrome Plugin for Formatting and Viewing JSON](https://chrome.google.com/webstore/detail/json-viewer-awesome/iemadiahhbebdklepanmkjenfdebfpfe?hl=en) * [JSON Mate: Formatting and Viewing JSON without a plugin](http://jsonmate.com/) * [Loading Indicators from the Flutter Spinkit](https://pub.dartlang.org/packages/flutter_spinkit) * [The State Class](https://docs.flutter.io/flutter/widgets/State-class.html) * [OpenWeatherMap Weather Conditions](https://openweathermap.org/weather-conditions) * [Create and Style a TextField](https://flutter.dev/docs/cookbook/forms/text-input) * [The TextField Class](https://docs.flutter.io/flutter/material/TextField-class.html) ## 11. Am I Rich? (a.k.a. Bitcoin Ticker) * [Bitcoin Ticker Stub Project](https://github.com/londonappbrewery/bitcoin-ticker-flutter) * [Flutter DropdownButton](https://docs.flutter.io/flutter/material/DropdownButton-class.html) * [Dropdown Menu Design](https://material.io/design/components/menus.html#dropdown-menu) * [99 Bottles of Beer Programming Language Collection](http://www.99-bottles-of-beer.net/) * [DartPad For in Loop Mini Challenge](https://dartpad.dartlang.org/88fd2dd04c921892515bcd0567ef1636) * [Cupertino (iOS) Style Widgets](https://flutter.dev/docs/development/ui/widgets/cupertino) * [CupertinoPicker Class Documentation](https://docs.flutter.io/flutter/cupertino/CupertinoPicker-class.html) * [Bitcoin Average API Docs on Ticker Data](https://apiv2.bitcoinaverage.com/#ticker-data-per-symbol) * [Bronze Challenge Start Code](https://github.com/londonappbrewery/bitcoin-flutter-challenge-start) * [Silver Challenge Starter Code](https://github.com/londonappbrewery/bitcoin-flutter-silver-start) * [Gold Challenge Starter Code](https://github.com/londonappbrewery/bitcoin-flutter-gold-start) ## 12. Flash Chat * [Flash Chat Stub Project](https://github.com/londonappbrewery/flash-chat-flutter) * [Dart Language Keywords](https://www.dartlang.org/guides/language/language-tour#keywords) * [Hero Animations](https://flutter.dev/docs/development/ui/animations/hero-animations) * [Curves Class Documentation](https://docs.flutter.io/flutter/animation/Curves-class.html) * [CurvedAnimation Class Documentation](https://docs.flutter.io/flutter/animation/CurvedAnimation-class.html) * [Tween Animation Class](https://docs.flutter.io/flutter/animation/Tween-class.html) * [Dart Language Tour: Mixins](https://www.dartlang.org/guides/language/language-tour#adding-features-to-a-class-mixins) * [Pre-packaged Animations: Flutter Sequence Animation](https://pub.dartlang.org/packages/flutter_sequence_animation) * [Pre-packaged Animations: Rubber](https://pub.dartlang.org/packages/rubber) * [Pre-packaged Animations: Sprung](https://pub.dartlang.org/packages/sprung) * [Pre-packaged Animations: Animated Text Kit](https://pub.dartlang.org/packages/animated_text_kit) * [Refactoring Challenge Instructions](https://github.com/londonappbrewery/Flash-Chat-Flutter-Refactor-Challenge) * [Create your Firebase Account Here](https://firebase.google.com/) * [Firebase Core Package for Flutter](https://pub.dartlang.org/packages/firebase_core) * [Firebase Auth Package for Flutter](https://pub.dartlang.org/packages/firebase_auth) * [Cloud Firestore Package for Flutter](https://pub.dartlang.org/packages/cloud_firestore) * [Troubleshooting Firebase & Flutter: Common Errors](https://blog.londonappbrewery.com/troubleshooting-firebase-x-flutter-a974b2645689) * [Showing a Spinner: The Modal Progress HUD](https://pub.dartlang.org/packages/modal_progress_hud) * [Firebase Documentation](https://firebase.google.com/docs/) * [Kitsune-kun visualising Dart Streams and Nagashi Sōmen](https://vimeo.com/47912950)