サブスク、いくつ契約してる?
月額 / 年額 料金管理、更新管理で楽々把握

- サイト名
サブスクMEMO
- カテゴリー
情報管理
- ページ数
6ページ
- 制作期間
実働 約3週間
- 機能
ログイン認証
アカウント登録
MFA認証
お知らせ機能
情報の登録 / 変更 / 削除
- 制作環境
Next.js / Typescript / Tailwind CSS
Prisma /
プロジェクトのポイント
フリーランスを長くしていると、色んなサブスクリプションを利用していますが、いつ契約し、月額いくらで、次回の更新日が何時なのか?などが覚えきれなくなってきました。
そんな物忘れが多い自分のためのプロジェクトです。
① ログイン認証
自分の契約情報だけを安全に管理できるよう、ログインによる本人確認を設けており、未ログイン時は情報にアクセスできないため、第三者への漏洩リスクを抑えます。
アカウントごとにデータを分離し、他のユーザーの契約内容が見えない設計にしています。
② 誰でも簡単! 登録・変更・削除
サービス名・料金・更新日などのサブスク情報を、直感的な操作で登録・変更・削除でき、複雑な手順なしで契約状況をすぐに最新の状態へ保てます。
月額・年額の違いや次回更新日もまとめて管理できるので、「いつの間にか更新されていた」を防ぎやすくなります。
③ より高いセキュリティを確保。MFA(TOTP)認証
パスワードに加え、ワンタイムパスワードによる二要素認証(MFA / TOTP)に対応しており、仮にパスワードが漏れても不正ログインのリスクを大幅に下げられます。
認証アプリで発行される時限コードを使うため、重要な契約情報をより安心して保管できます。
ギャラリー
画像
画像
画像
画像
画像
画像