サブスクMEMO

サブスク、いくつ契約してる?

月額 / 年額 料金管理、更新管理で楽々把握

サブスクMEMO
サイト名

サブスクMEMO

カテゴリー

情報管理

ページ数

6ページ

制作期間

実働 約3週間

機能

ログイン認証

アカウント登録

MFA認証

お知らせ機能

情報の登録 / 変更 / 削除

制作環境

Next.js / Typescript / Tailwind CSS

Prisma /

プロジェクトのポイント

フリーランスを長くしていると、色んなサブスクリプションを利用していますが、いつ契約し、月額いくらで、次回の更新日が何時なのか?などが覚えきれなくなってきました。

そんな物忘れが多い自分のためのプロジェクトです。

① ログイン認証

自分の契約情報だけを安全に管理できるよう、ログインによる本人確認を設けており、未ログイン時は情報にアクセスできないため、第三者への漏洩リスクを抑えます。

アカウントごとにデータを分離し、他のユーザーの契約内容が見えない設計にしています。

② 誰でも簡単! 登録・変更・削除

サービス名・料金・更新日などのサブスク情報を、直感的な操作で登録・変更・削除でき、複雑な手順なしで契約状況をすぐに最新の状態へ保てます。

月額・年額の違いや次回更新日もまとめて管理できるので、「いつの間にか更新されていた」を防ぎやすくなります。

③ より高いセキュリティを確保。MFA(TOTP)認証

パスワードに加え、ワンタイムパスワードによる二要素認証(MFA / TOTP)に対応しており、仮にパスワードが漏れても不正ログインのリスクを大幅に下げられます。

認証アプリで発行される時限コードを使うため、重要な契約情報をより安心して保管できます。

ギャラリー

画像
画像
画像
画像
画像
画像