筋トレ記録アプリ(Next.js 14 + Tailwind CSS + LocalStorage)
トレーニング内容(種目・重量・回数・セット数)を記録し、
種目ごとのボリューム推移をグラフで可視化できるアプリです。
ブラウザだけで動作し、データはLocalStorageに保存されます。
- 日付ごとのトレーニング記録(Today画面)
- 種目カタログからの選択(Select画面)
- ボリューム推移グラフ表示(Log画面)
- 自動保存(LocalStorage対応)
筋トレ記録を「もっとシンプルで直感的に」管理したいという発想からスタート。
完全初心者としてコードを理解しながら一から構築しました。
「動かす」だけでなく、UIやデータ構造も自分で考えた初めてのアプリです。
- Next.js 14 (App Router)
- React / TypeScript
- Tailwind CSS
- LocalStorage API
- Firebase連携によるログイン・クラウド保存
- 種目ごとの自己ベスト管理
- 週・月ごとのトレーニング量分析
- UIデザインの強化(グラフ・テーマカラーなど)
個人開発(2025)
このアプリは学習・ポートフォリオ目的で制作されています。