URL: https://ryoworks.com/term/

契約・サブスクリプション・保守契約などの更新期限を一覧で管理できるWebアプリです。
更新日までの残り日数を自動で計算し、期限が近い契約や期限切れの契約を状態別に分かりやすく表示できるようにしました。
管理画面を意識し、登録フォームと一覧表示を分けた見やすいレイアウトにし、PC・スマートフォンの両方で使いやすいレスポンシブ対応も行っています。
また、localStorageを利用することで、ブラウザを再読み込みしても登録内容を保持できるようにしました。

作成時間：3時間

使用技術
HTML / CSS / JavaScript

主要機能
・契約名・契約種別・更新日・備考の登録
・契約一覧の表示
・更新日までの残り日数の自動計算
・状態ごとの表示切り替え（通常・注意・警告・期限切れ）
・契約種別・状態によるフィルタ機能
・更新日順の並び替え
・契約情報の更新・削除
・localStorageを利用したデータ保存
・スマートフォン表示対応