limcheekin / fluwix Goto Github PK

After the backend is delivered #23:

• User Comments
• Share https://github.com/fluttercommunity/plus_plugins/tree/main/packages/share_plus
• View Count
• Related Showcases
• Activity Logs
• Push Notifications
• Update favorite/Unfavorite
• Update User Profile
• https://github.com/rizwanch173/Flutter-Social-App-UI-Kit 

Create a module and start from https://github.com/limcheekin/flutter-tdd-clean-architecture

References:

• https://pub.dev/packages/flutter_clean_architecture (Article)
• https://pub.dev/packages/stacked
  • https://www.filledstacks.com/post/flutter-and-provider-architecture-using-stacked/
  • https://github.com/FilledStacks/stacked-example
  • https://github.com/FilledStacks/boxtout/discussions/5j
  • https://medium.com/indian-coder/flutter-architecture-that-i-adore-8139080abb
• https://blog.gskinner.com/archives/2020/09/flutter-state-management-with-mvcs.html
• https://medium.com/flutter-community/layered-architecture-to-advanced-flutter-apps-d8d4db2bd1c7
• https://devmuaz.medium.com/flutter-clean-architecture-series-part-3-cdfbcb8d449b
• https://www.cronj.com/blog/flutter-tutorial/flutter-architecture/
• Flutter Architecture: BloC and DDD, Talks by Felix Angelov and Majid Hajian

Publish copy_button as public package to pub.dev to get better understanding of the package publishing process, documentation and other details.

Deep Link: https://medium.com/flutter-community/deep-links-and-flutter-applications-how-to-handle-them-properly-8c9865af9283

https://medium.com/flutter-community/flutter-design-make-your-theme-homogeneous-13ddeffb186f
https://flutter.dev/docs/cookbook/design/themes
https://resocoder.com/2019/08/09/switch-themes-with-flutter-bloc-dynamic-theming-tutorial-dark-light-theme/
https://www.filledstacks.com/post/multiple-themes-in-flutter-dark-and-light-theme-flutter-stacked/
https://medium.com/swlh/flutter-dynamic-themes-in-3-lines-c3b375f292e3
https://youtu.be/MnTEHs-ZP0E
https://youtu.be/XdUMp9k5JCI
https://youtu.be/HSAa9yi0OMA 

https://github.com/ThomasEcalle/app_starter/blob/master/lib/src/command_runner.dart
To assist module creation and module migration

The showcase screen will have 4 tabs:

1. Showcase
2. Readme
3. Code
4. License

With the following features:

• tabScrollable = true/false, default to true
• Toggle Full Screen
• Toggle Orientation

Main listing screen scroll position reset every time user navigate to showcase screen and back to it. The issue is happen in narrow layout

https://flutteragency.com/make-fullscreen-flutter-application/
https://pub.dev/packages/fullscreen
https://medium.com/@petehouston/make-fullscreen-image-in-flutter-cde0461c61ee
https://github.com/JohannesMilke/statusbar_visibility_example
https://liewjuntung.medium.com/use-javascript-in-flutter-web-a6eed3efb9a0
https://www.fluwix.com/embed.html

1. Generate github settings (owner, repository, branch) and codePaths using flutter-widgets-explorer by default
2. Add comments for example that hosted in own repo especially for readme & license file. Refer to material_design_showcase module

https://github.com/limcheekin/flutter-widgets-explorer/blob/main/web/embed.html

https://youtu.be/ujlqRTJg48g

https://stackoverflow.com/questions/59870357/how-to-remove-hash-from-url-in-flutter-web/65709246#65709246

After the backend is delivered #23:

• Learning Bot #24
• User to User Chat
• Group Chat

https://pub.dev/packages/settings_ui

Solution: https://answers.netlify.com/t/deploying-single-page-applications/14695

• sign up - user registration
  • Spring Boot JWT https://www.youtube.com/playlist?list=PLeFUpOmPweSggaTrntYcExlf0JSA20Pu-
• login/logout
  • https://www.filledstacks.com/post/building-flutter-login-and-sign-up-forms/
  • https://github.com/jzahmatkesh/LoginUI (https://www.youtube.com/watch?v=LS8KFYsR244)
• forgot password (email temp password)
• change password
• user profile
  • https://youtu.be/81XYs6lliB4
  • https://github.com/JohannesMilke/user_profile_example
  • https://github.com/JohannesMilke/user_profile_ii_example
• favorite/unfavorite showcase
• social login
  • https://www.callicoder.com/spring-boot-security-oauth2-social-login-part-1/
  • https://github.com/callicoder/spring-boot-react-oauth2-social-login-demo
• cache
  • https://www.baeldung.com/hibernate-second-level-cache

https://www.quora.com/How-is-the-Flutter-web-good-with-SEO
flutter/flutter#46789
https://dev.to/muyunyun/seo-practice-in-spa-site-3mli

Consider add a blog to Fluwix.com

https://github.com/singerdmx/flutter-quill

https://medium.com/swlh/update-app-flutter-402c528235e4 

https://itnext.io/fix-flutter-web-loading-time-with-a-loading-spinner-c5dd36a29f5b

First check whether our app and the dependencies are ready to be migrated or not with the following command:

flutter pub outdated --mode=null-safety

If all dependencies are sound null safety, refer to the following article for next migration steps:
https://joshuawellbrock.medium.com/migrate-an-existing-flutter-app-to-flutter-2-0-74ce010eb013

• add alert dialog with "Install Now" to Flutter Widgets Explorer after launch
  • https://api.flutter.dev/flutter/material/AlertDialog-class.html

https://firebase.flutter.dev/docs/analytics/overview/
https://pub.dev/packages/firebase_analytics 
https://medium.com/flutterdevs/firebase-analytics-2044e865efc4
https://stackoverflow.com/questions/59409441/flutter-web-is-it-firebase-analytics-support-in-flutter-web-application

In the showcase_view module, the following exception caused by Scrollbar widget in web platform:
dart-sdk/lib/internal/js_dev_runtime/private/ddc_runtime/errors.dart 236:49 throw
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 29:3 assertFailed
packages/flutter/src/widgets/scroll_controller.dart 109:33 get position
packages/flutter/src/widgets/scrollbar.dart 862:25
packages/flutter/src/scheduler/binding.dart 1144:15 [_invokeFrameCallback]
packages/flutter/src/scheduler/binding.dart 1090:9 handleDrawFrame
packages/flutter/src/scheduler/binding.dart 998:5 [_handleDrawFrame]
lib/_engine/engine/platform_dispatcher.dart 896:13 invoke
lib/_engine/engine/platform_dispatcher.dart 145:5 invokeOnDrawFrame
lib/_engine/engine.dart 259:45

https://hasura.io/blog/design-guide-to-offline-first-apps/
https://pub.dev/packages/flutter_data

https://pub.dev/packages/glassmorphism

Also the main README.md

• change package name to com.fluwix. Publish Fluwix App first then phase out Flutter Widget Explorer.
• change URL of Google Play Store for all references such as blog posts, medium articles and documentation
• Change tag line: Fluwix - Flutter Showcases
• Update documentation. "A platform" is better than "An app"

https://o7planning.org/12865/flutter-tabbar

TabBar(
  tabs: [
    Row (children: [Icon(Icons.directions_car), SizedBox(width:5), Text("Car")]),
    Row (children: [Icon(Icons.directions_transit), SizedBox(width:5), Text("Transit")]),
    Row (children: [Icon(Icons.directions_bike), SizedBox(width:5), Text("Bike")]),
  ],
  labelColor: Colors.white,
  unselectedLabelColor: Colors.cyanAccent,
);

When number of showcases > 20
https://resocoder.com/2021/01/23/search-bar-in-flutter-logic-material-ui/

• Toggle fullscreen mode
• https://marp.app/
• https://levelup.gitconnected.com/creating-professional-presentation-from-markdown-975c65211359 
• https://stymied.medium.com/what-slides-from-markdown-5239ed31e7ac

By refer to videos of The Boring Flutter Development Show at https://flutter.dev/docs/development/ui/layout/adaptive-responsive.

It is pre-requisite for web support.

https://itnext.io/reducing-flutter-app-size-570db9810ebb
https://dev.to/smazeestudio/reducing-flutter-app-size-1p0k

https://flutter.dev/docs/development/accessibility-and-localization/internationalization
https://youtu.be/Zw4KoorVxgg
https://youtu.be/lDfbbTvq4qM

https://pub.dev/packages/flutter_neumorphic
https://itnext.io/enhance-your-design-of-neumorphism-in-flutter-with-inset-shadows-1228a3fe4377
https://tonyowen.medium.com/neumorphism-in-flutter-f46fe25bf9d4 

https://www.filledstacks.com/tag/Logging/
https://www.youtube.com/watch?v=pab8ZamcrIo

https://pub.dev/packages/rate_my_app
https://pub.dev/packages/in_app_review
https://pub.dev/packages/app_review

Showcasess > 40 or Downloads > 1,000
https://drive.google.com/drive/folders/1-DVB9KO6q5KDLzMZbeQDkcsljz1KrAdw?usp=sharing
https://github.com/material-components/material-components-flutter-adaptive
https://github.com/JohannesMilke/collapsible_navigation_drawer_example
https://medium.com/flutterdevs/adaptive-apps-in-flutter-c9e8e457835c
https://github.com/ravi84184/flutter_hr_management_design (https://youtu.be/kFCuWVE6saY)

https://www.filledstacks.com/post/flutter-web-advanced-navigation/

Content:

Public accessible online content source:

• https://dzone.com/articles/flutter-tutorial-for-developers-step-by-step-guide
• A guided tour of the Flutter SDK
• https://towardsdatascience.com/a-data-product-view-on-conversational-ai-80284efe5a15
• https://github.com/londonappbrewery/Flutter-Course-Resources

Tech:

RASA

• https://github.com/RasaHQ/rasa-for-beginners
• https://rasa.com/docs/rasa/playground/
• https://rasa.com/summit/
  • AI = your data (Watched)
  • Continuous Improvement of Conversational AI in Production (Watched)
• https://medium.com/@dishant_gandhi/rasa-chatbot-android-covid-app-tutorial-part-3-73c7a69f3c65
• https://floriantreml.medium.com/giving-a-voice-to-rasa-with-botium-speech-1c65a7513bdf 
• Samples
  • https://github.com/sid321axn/rasa_ml_bot
  • https://github.com/S1LV3RJ1NX/CBOT-rasa

Jarvis

• Jarvis: Multimodal Conversational AI | Alex Qi & Nikhil Srihari
• NVIDIA Jarvis Conversational AI on Python - Dr. Ahmad Bazzi

OpenAssistant:

• https://github.com/LAION-AI/Open-Assistant

https://nehajirafe.medium.com/data-modeling-designing-facebook-style-comments-with-sql-4cf9e81eb164
https://stackoverflow.com/questions/37456154/database-schema-design-for-posts-comments-and-replies

https://www.filledstacks.com/post/flutter-web-hover-and-mouse-cursor/

References:
https://flutter.dev/docs/deployment/web
https://dev.to/agustinustheo/automating-flutter-web-deployments-to-netlify-using-github-actions-2g71
https://gist.github.com/richard-flosi/8b43c06732d296f1145b8f5d12bf194e
https://github.com/nabilnalakath/flutter-githubaction

https://niacubilla.medium.com/how-i-created-a-gamification-experience-with-flutter-in-4-days-636a66ae6052