tomu28 / xquiz

筋トレクイズ&チャットアプリ

xQuiz

筋トレクイズ&チャットアプリ

動作環境

• React v16.8
• yarn v1.17.3
• Node 8+
• Chrome 79.0.3945.88

事前準備

1. Sign up for Chatkit

• PUSHERのChatkitにサインインします
• ログインしたら、Chatkitインスタンスを作成し、CredentialsタブでInstance LocatorとSecret Keyをメモします
  参考画像
• 次に、Consoleタブをクリックして、インスタンスの新しいユーザーとルームを作成します。ルームを作成したら、後で使用するため、ルームIDをメモします。
  参考画像

2. ルートディレクトリ(/)で、.envファイルを作成し、以下のフォーマットで記述します

// .env

PORT=5200
CHATKIT_INSTANCE_LOCATOR=<your chatkit instance locator>
CHATKIT_SECRET_KEY=<your chatkit secret key>

サーバー起動方法

ルートディレクトリ(/)で以下のコマンドを実行する。ポート5200で起動します。

$ node server.js

動作確認方法

• サーバーを起動しながら、ルートディレクトリで、以下のコマンドを実行します。

$ yarn install
$ yarn start

xquiz's Issues

クイズ機能

実行環境

chrome 79.0.3945.88
node: '12.4.0'

自分が行った内容

クイズ機能の作成

結果内容

問題を(とりあえず3つ)回答していき、最後に各問題の正解か不正解が表示される。

バグ

回答を入力しない際に、次の問題へ行った際にエラーが出る機能(答えを選択してください)がある。しかし、一度エラーの表示をすると消えなくなる。問題のリセット後も消えない。

リアルタイムチャットを実装してみる

行うこと

• ネットの記事を参考に、認証付きリアルタイムチャットアプリを作ってみる
  参考：
  React(Hooks)で認証付きリアルタイムチャットアプリを作ってみた。