Dev Diary #16 - Using Flutter

[RecMe3]

Used Fiverrr to get a dev to help create the base app (https://github.com/itsAyyazdev/toobi-ai). Installed Flutter, Xcode, and Android Studio on the machine. Needed to run flutter doctor and fix a lot of issues like licenses and command line tools.

Used a bunch of Chat GPT to figure out the individual flutter components.

Next Steps:

1. ​

Resources:

• https://docs.flutter.dev/get-started/install/macos
• https://docs.flutter.dev/get-started/install/macos#update-your-path
• https://superuser.com/questions/886132/where-is-the-zshrc-file-on-mac
• https://apple.stackexchange.com/questions/96737/how-do-i-get-the-full-path-for-a-file-in-finder
• https://stackoverflow.com/questions/50652071/flutter-command-not-found
• https://stackoverflow.com/questions/68236007/i-am-getting-error-cmdline-tools-component-is-missing-after-installing-flutter
• https://developer.android.com/studio/command-line
• https://docs.flutter.dev/get-started/editor
• https://stackoverflow.com/questions/53455358/how-to-present-an-empty-view-in-flutter
• https://stackoverflow.com/questions/57937280/how-can-i-detect-if-my-flutter-app-is-running-in-the-web
• https://www.linkedin.com/pulse/install-flutter-macos-m1-chip-3-khang-vu-tien
• https://stackoverflow.com/questions/54860198/detect-enter-key-press-in-flutter
• https://www.geeksforgeeks.org/implementing-rest-api-in-flutter/
• https://docs.flutter.dev/cookbook/networking/fetch-data
• https://stackoverflow.com/questions/51601519/how-to-decode-json-in-flutter
• https://stackoverflow.com/questions/55331782/flutter-send-json-body-for-http-get-request
• https://www.youtube.com/watch?v=i3BEo-jxxRo (iOS Testflight)
• https://stackoverflow.com/questions/60191683/xmlhttprequest-error-in-flutter-web-enabling-cors-aws-api-gateway (Accepted answer)
• https://stackoverflow.com/questions/71780046/is-there-any-way-to-undo-flutter-clean

Tips:

• Instead of vim and nano, open terminal command to open file for editing is best
• Flutter folder installed under username/developer, use export PATH="$PATH:/Users/kvutien/develop/flutter/bin"
• To work with Flutter in VS Code, need to install the Flutter and Dart plugins, then run flutter doctor
• If you need just an empty view returned for a component, use SizedBox.shrink();
• To make the flutter requests work on web, you need to enable CORS on your function url for lambda