🥷【マルチプラットフォーム対応！】これで予期せぬ質問も安心や！！関連質問生成わくわくさん

リリース

Web：https://onabe-front-front.vercel.app/

レポジトリ

Front https://github.com/sisosyunya/onabe_front Mobile https://github.com/sisosyunya/onabe_mobile BackEnd https://github.com/TAKAYAMAN2180/onabe-backend ScratchBoxとの同期 https://github.com/TAKAYAMAN2180/scrap-box-alfa

構成図

〜バックエンド〜 Dockerコンテナ上でSQLiteを利用したFlaskアプリケーションを動作させ、そのコンテナをAWSのEC2を動作させる形で構成しました。 また、バックエンドはCI/CDの仕組みを実装しており、GitHubにpushするだけでGitHub Actionsの機能により、EC2上でそのpushされた内容を取得し、Dockerコンテナのビルドをしています。

〜フロントエンド(Web)〜 Vite上でReact(TypeScript)を動作させる形で構成しました。フロントエンド(Web)ではユーザの操作に応じてサーバ側にキーワードを送っています。

〜フロントエンド(モバイル)〜 Flutterで作成することでマルチプラットフォームを実現。 web版とUIを分けることでプラットフォームに合わせたUIを提供します！ フィルタリング、部分検索機能も全て実装 web版に実装済みの機能を全て実装

〜ScrapBoxとの同期〜 AWSのEventBridgeして、Lambda上の関数を10分ごとに実行することで、ScrapBoxに投稿している内容を定期的に取得しています。これにより、Q&A追加の手法を多様化させています。

推しポイント

〜フロントエンド〜 ・モバイルにも対応したマルチプラットフォームアプリケーション ・統一感のあるUIによる操作性の向上
〜バックエンド〜 ・GitHub Actionsを利用したEC2へのCI/CDの実装 ・API Gatewayを利用することでサーバのエンドポイントをSSL化 ・AWS VPCを利用したアクセス制限によるセキュリティの向上 ・Flaskを用いたスピーディーな実装 ・ChatGPTというモダンな技術を利用 ・ScrapBoxという既存の技術を有効活用

〜モバイル〜 ・フロントエンドと仕様を合わせるため部分検索機能を実装 ・Material Themeをにんじゃわんこくんの色から生成されており、にんじゃわんこ風のデザインに

・hooks_riverpod,flutter_hooksを使いモダンな技術スタック ・急遽最終日0時からFlutterでの開発を開始🤨