Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/koorimizuw/attractivelife


https://github.com/koorimizuw/attractivelife

Last synced: 4 days ago
JSON representation

Awesome Lists containing this project

README

        

# AttractiveLife

## 概要

センサーで記録したデータを管理できるシステム。

VR 時代の到来を迎えて、VR ヘッドセットをつけたまま寝る人が増えています、VR の画面を見ながら
仮想空間で寝付けることを VR 睡眠と呼ばれています。

このシステムの一つの用途として、VR 睡眠の質を観測することができます。

市販のセンサー利用して、使用者が寝ている間に、センサーで記録したデーターは自動的にサーバ
ーに送信されます。

全てのデーターはデータベースに保存・管理され、PC・スマートフォンなどウェブ閲覧可能なプラット
フォームであれば、いつどこでも見ることができます。

## 技術スタック

- React https://reactjs.org/
- Material UI https://mui.com/
- Next.js https://nextjs.org/
- Nest.js https://nestjs.com/
- Docker https://www.docker.com/

## Docker コンテナ構造・ポート

| Port | Container |
| ----- | ------------- |
| :80 | nginx proxy |
| :3000 | frontend |
| :4000 | backend / api |
| :3306 | mariadb |

## 使い方

- Docker インストール・構築

 アプリを起動するには、あらかじめ Docker をインストールする必要があります、以下のリンクから入手できます。

  https://www.docker.com/

 インストール終わりましたら、Docker を起動し、プロジェクトを開き、「docker-compose.yml」という Docker の構成ファイルが存在しているかどうか確認して下さい。

- センサーに接続する

  Web アプリを開いたら、まず「Connect」ページを見てください。センサーの ID を入力できる場所が用意されていますので、センサー ID を入れて、接続ボタンを押してください、接続出来たら緑色に変わります。

- データを記録する

 「Record」ページを開き、始める前にセンサーの状態を確認し、接続されている状態であれば、記録ボタンをクリックしたらバックエンドがセンサーからデータを取ってデータベースに保存します、終わりましたら終了ボタンを押してください。

- データを確認する

 「List」からレコードのリストが表示されます、その項目を押すと、詳細ページに変わり、そこでフィルタリングやグラフの閲覧ができます。