Health Log App(体調記録アプリ)
Health Log App(体調記録アプリ) React × TypeScript × Firebase を用いて、日々の体調や症状を記録できるWebアプリを開発しました。 「主観でいいからすぐ書ける」「あとで振り返りやすい」をテーマに、シンプルさと継続しやすさを重視しています。 ⸻ ■ 実装した主な機能 • Firestore連携:CRUD(保存/更新/削除/一覧取得) • Firebase Authentication:メール/パスワードログイン • UI改修:コンポーネント分割、保守性向上、モバイル最適化 • カレンダー表示:日付ごとの記録を閲覧 • Markdown出力:Obsidianに貼れる記録形式を生成 • ローカル保存:localStorageによる一時保存 ⸻ ■ 使用技術 • フロントエンド:React / TypeScript • バックエンド:Firebase(Auth / Firestore) ⸻ ■ コメント 体調管理という自分の生活課題をテーマにしたプロジェクトで、 「必要な機能を構造化し、改善を積み重ねる」開発プロセスを最初から最後まで一貫して経験しています。 GitHubでの管理、UI改善、型の見直しなども継続して行い、 “実務を意識した開発スタイル” を身につけるための中心プロジェクトとして取り組んでいます。 👉 GitHub: https://github.com/ksk3gogodayo/health-log-app