react-matplotlib

ユーザーが体重と睡眠時間を入力すると過去一か月分のデータがグラフによって可視化できるアプリです。

フロントエンドがNext.js,サーバーサイドにFlaskを使用しています。

使用技術

言語
JavaScript,TypeScript,Python,HTML,CSS

フレームワーク
Next.js,Flask

データベース
SQLite

デプロイ方法
フロント側をVercel,サーバーサイドをPythonAnywhreへデプロイ。

使い方

・ホーム画面よりユーザー登録とログインを選ぶことが出来ます。

・ログインすると睡眠時間と体重を入力することが出来ます。日付は自動的に今日の日付で入力されます。

・グラフを描画するをクリックするとmatplotlibによって描画されたグラフの画像が表示されます。データは過去一か月まで登録できます。

・ログアウトボタンを押しログアウトします。