生活チェックフォーム

作業時間

20時間

URL

https://github.com/ry-113/lifecheck-sheet

技術

HTML / CSS / Vue3 / TypeScript /

概要

訓練校で毎日、一日のはじめとおわりに入力する健康状態や生活状況を入力するフォームを制作しました。

アピールポイント

Vue3のComposition APIでsetup記法を用いて簡単なSPAを開発しました。Vue Routerでルーティングを設定し、フォームの入力データはPiniaを使って状態管理をしています。今回のプロジェクトで初めてTypeScriptを使用し、見通しが良くタイプセーフなコードを目指しました。