チャバットボ

アプリの説明

このアプリはバビ語でコミュニケーションが取れるオンラインコミュニティーサービスである。

バビ語とは

文章中の言葉の間に「ばびぶべぼ」を入れるという言葉遊びである。 付け足す前の音と母音が一致しているという決まりがある。 例えば、「こんにちは」をバビ語に変換すると、「こぼんぶにびちびはば」となる。

開発環境

Client

環境

node -v => v16.14.2
yarn -v => 1.22.19

注意

※babichat直下でインストールや実行はできない。 yarn or yarn devなどする場合は、/clientディレクトリに移動する

# /clientディレクトリに移動
cd /client

インストール

yarn

実行方法

yarn dev

ビルド

yarn build

機能要件

機能要件

• ログイン機能
  • サインアップ
  • サインイン
  • サインアウト
• 掲示板機能
  • バビ語変換
  • いいね機能、リプライ機能
• ランキング機能
  • いいね数
  • 返信数
• 設定画面
  • バビ語と文章入れ替え機能の切り替え
• 個人チャット機能

技術スタック

技術スタック

インフラ

• Docker

データベース

Firebase

フロントエンド

• React.js, Typescript, Recoil

UI

Material UI

git操作

git操作

masterでは作業しない！！ブランチを変更しておく！！

現在自分が作業しているブランチを確認する

git branch # masterの場合ブランチを変更する

ブランチの変更

ブランチを新規に作成して移動する場合

git checkout -b 任意のブランチ名

ブランチがすでに存在しており、存在しているブランチに移動する場合

git checkout 任意のブランチ名

変更を追加する

git add ファイル名（変更を全ての場合は 'git add .'）

変更内容にコメントをつける

git commit -m '任意のコメント'

変更をpushする

git push

git-flow

[図とコマンドで分かる！ git-flowによる開発の流れと使い方](https://atmarkit.itmedia.co.jp/ait/articles/1401/06/news013.html)

インストール(masOSの場合)

brew install git-flow

ブランチを作成

git flow feature start '任意のブランチ名'

ブランチを終了（機能完成）

git flow feature finish '任意のブランチ名'

ブランチの共有

git flow feature publish '任意のブランチ名'