温湿度計のためのWebUIです。
温度に合わせてキャラクタがリアクションを取ります。 デモ動画はこちら
使用されているキャラクタイラストや各プログラムは、すべて私が作成したものです。
リポジトリをクローン
git clone https://github.com/nullnull-1015/thermometer-UI.git
各種パッケージをインストール （build済UIが利用可能です。動作確認のみの場合はfrontend側のパッケージは不要です。）
cd backend
pip install -r requirements.txt
cd ../frontend
npm install
実行
cd backend
python server.py
localhost:8000 にアクセス。
Reactで書かれたUIです。
温度に合わせてそれぞれキャラクタが以下のようなリアクションを取ります。
0 ℃以下: 寒すぎ！
0 ℃より高く 15 ℃以下: 寒い
15 ℃より高く 30 ℃未満: 快適
30 ℃以上: 暑い
UI動作確認用のモックサーバです。
温湿度としてランダムな値をクライアントに返します。 以下で動作させることができます。
cd backend
python server.py