https://github.com/solygambas/flutter-projects
4 projects to understand Flutter basics.
https://github.com/solygambas/flutter-projects
dart firebase firebase-auth firestore flutter
Last synced: 2 months ago
JSON representation
4 projects to understand Flutter basics.
- Host: GitHub
- URL: https://github.com/solygambas/flutter-projects
- Owner: solygambas
- Created: 2021-10-05T08:44:30.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-05-01T05:07:54.000Z (about 4 years ago)
- Last Synced: 2025-10-19T01:29:52.021Z (9 months ago)
- Topics: dart, firebase, firebase-auth, firestore, flutter
- Language: C++
- Homepage:
- Size: 5.33 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flutter Projects
4 projects to understand Flutter basics.
| # | Project | Description |
| --- | ----------------------------------- | ------------------------------------------------------- |
| 01 | [**Wordpair Generator**](#wordpair) | A quick intro to Flutter core concepts and Dart syntax. |
| 02 | [**World Time**](#worldtime) | A simple world clock application. |
| 03 | [**Brew Crew**](#brewcrew) | An app to collect brew preferences, using Firebase. |
| 04 | [**Ninja Trips**](#ninjatrips) | A travel app to understand Flutter animations. |
A quick intro to Flutter core concepts and Dart syntax.
[See 01-wordpair folder](01-wordpair)
### Features
- adding [Dart](https://marketplace.visualstudio.com/items?itemName=Dart-Code.dart-code) and [Flutter](https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter) extensions in Visual Studio Code.
- creating a layout with Scaffold.
- adding a theme with ThemeData.
- installing english_words package from [pub.dev](https://pub.dev/) as a dependency.
- building a custom widget.
- displaying generated words with ListView.
- handling favorites with setState.
- using the navigator to display saved word pairs.
Based on [Flutter Crash Course](https://www.youtube.com/watch?v=1gDhl4leEzA) by Brad Taversy (2019).
A simple world clock application.
[See 02-world-time folder](02-world-time)
### Features
- creating several screens and handling routing.
- understanding widget lifecycle.
- writing asynchronous code with async, await and Futures.
- working with the 'http' package to collect data from the World Time API.
- creating a custom WorldTime class to handle API calls.
- handling errors with try and catch blocks.
- passing data between screens.
- formatting time with the 'intl' package.
- displaying a loading spinner with Flutter Spinkit.
- using a ternary operator to handle light and dark modes.
- choosing location with ListView.
- updating the time.
Based on [Flutter Tutorial for Beginners](https://www.youtube.com/watch?v=1ukSR1GRtMU&list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ) by Shaun Pelling - The Net Ninja (2019).
An app to collect brew preferences, using Firebase.
[See 03-brew-crew folder](03-brew-crew)
### Features
- setting up Firebase in a Flutter app.
- creating an authentication class with Firebase Auth.
- handling anonymous sign in and sign out with a custom user model.
- listening to auth stream with the Provider package.
- building sign in and register forms.
- toggling between forms.
- registering and signing in with email and password.
- adding a loading widget with Flutter Spinkit.
- using Firestore database to store brew preferences for each user.
- listening to database stream.
- listing brew data.
- handling user settings in a bottom sheet.
- working with drop-downs and sliders.
- using a stream builder and updating user data.
Based on [Flutter & Firebase App Tutorial](https://www.youtube.com/playlist?list=PL4cUxeGkcC9j--TKIdkb3ISfRbJeJYQwC) by Shaun Pelling - The Net Ninja (2019).
A travel app to understand Flutter animations.
[See 04-ninja-trips folder](04-ninja-trips)
### Features
- setting up the Flutter starter project.
- discovering built-in animations.
- creating custom implicit animations with TweenAnimationBuilder.
- animating widgets from one screen to another with Hero animations.
- building an animation controller with Dart mixins.
- combining animations with tween sequences.
- handling animation speed with Curves.
- staggering each list item.
Based on [Flutter Animation Tutorial](https://www.youtube.com/playlist?list=PL4cUxeGkcC9gP1qg8yj-Jokef29VRCLt1) by Shaun Pelling - The Net Ninja (2020).