Skip to content

Latest commit

 

History

History
29 lines (25 loc) · 1.58 KB

README.md

File metadata and controls

29 lines (25 loc) · 1.58 KB

webfront-etrobocon2024

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

外観

et2024_webfront

起動方法

  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に書いています。