webfront-etrobocon2024

ETロボコン グラフ可視化ツールのフロントです。 バックエンドは別のリポジトリのsrc/serverにあります。

外観

起動方法

1. Dockerを起動する
2. このプロジェクトを以下のコマンドでクローン $ git clone https://github.com/KatLab-MiyazakiUniv/webfront-etrobocon2024
3. プロジェクトの直下に移動する $ cd webfront-etrobocon2024
4. dockerイメージを以下のコマンドで作成 $ docker-compose build
5. dockerコンテナを以下のコマンドで起動 $ docker-compose up -d
6. ブラウザを起動して、http://localhost:3000にアクセスすればサイトを確認できます。
7. 以下のコマンドでdockerコンテナの停止 $ docker-compose down

準備

上記に示したバックエンドサーバーを起動し、出力されたURLの情報をapp/react-app/.envファイルに記入し、dockerコンテナを再起動。 具体的には、 REACT_APP_API_URL=http://123.4.5.6:8000みたいな記述になるはず。 そうすれば、バックエンドからのデータフェッチが上手くいくはずです。

開発者に向けて

開発方法やコードの中身についての説明はapp/react-app/README.mdに書いています。