ブラキオカップ

言語どり ~美少女を目指して~

https://github.com/shu20031026/brachio-front

Next.js

Go

AWS

Firebase

MySQL

GitHubの草を生やして愛鳥を育てよう!!

Tanakaryuki

エイ

推しアイデア

1. Githubにcommitしよう! 2. commitした言語の鳥が育つ! 3. コードの変更量に応じて愛鳥が懐く! 4. お腹が空いたら(一定期間commitしなかったら)愛鳥が脱走するぞ!

作った背景

ブラキオカップのテーマは「そうしょく」-> 「草食」 草と言えばGithub 鳥に草を食わせるゲームを作ろう!!

推し技術

(ここにフロントエンドの推し欲しい) カオスなレスポンスを返すGithubAPIに勝利 GithubAPIの制限が厳しい(1分間に60回)のでリクエスト回数を大幅に削減

プロジェクト詳細

エンジニアのコミットを促す

GitHubリポジトリ ・フロントエンド  https://github.com/shu20031026/brachio-front ・バックエンド  https://github.com/Tanakaryuki/brachio-backend

デプロイ先 ・フロントエンド(AWS Amplify)  https://develop.d2cee0zj8czknx.amplifyapp.com/ ・バックエンド  http://brachio-ecs-alb-1547060603.ap-northeast-1.elb.amazonaws.com/

「実装内容」

フロントエンド ・PWA(iPhone・Android対応) ・ジャイロ検知 ・カメラ認識 ・3Dオブジェクト表示 ・VRMオブジェクト表示 ・3D画面上にモーダル表示 ・Firebase認証

バックエンド ・GitHubコミット取得 ・Bearer認証 ・CORS設定 ・ユーザーの作成・取得 ・ペットの餌やり機能反映

「使用技術」 フロント・バック共通 ・PWA(iPhone・Android対応)

フロントエンド ・React-Three-Fiber(Three.js) ・three-vrm(初) ・Next.js(app-router) ・TypeScript ・NextUI ・TailwindCSS ・AWS Amplify ・Firebase ・Jotai

バックエンド ・Golang(初) ・GORM ・echo ・AmazonECR ・AmazonECS ・AmazonAurora ・AmazonVPC ・GitHubAPI(初) ・MySQL ・Docker

https://humdrum-saguaro-e89.notion.site/8cda2ff7623e44368eb743617ecf71a8?pvs=4

デモ動画リンク image

Tanakaryuki

@Tanakaryuki