SubTrackは、複数のサブスクリプションサービスを一元管理し、支出を可視化するためのWebアプリケーションです。
- 📊 サブスクリプションの登録・編集・削除
- 💰 月額・年額の合計金額の自動計算
- 📅 支払い日の管理とリマインド
- 🔍 カテゴリ別フィルタリングと並び替え
- 📈 ダッシュボードでの支出分析
- 🔐 セキュアなユーザー認証
- フロントエンド
- Next.js (App Router)
- TypeScript
- Tailwind CSS
- バックエンド
- Firebase
- Firestore (データベース)
- Authentication (認証)
- Hosting (ホスティング)
- Firebase
- リポジトリのクローン:
git clone [repository-url]
cd subtrack- 依存関係のインストール:
npm install- 環境変数の設定:
.env.localファイルを作成し、必要な環境変数を設定:
NEXT_PUBLIC_FIREBASE_API_KEY=your_api_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_auth_domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_storage_bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id
- 開発サーバーの起動:
npm run devアプリケーションは http://localhost:3000 で起動します。
このプロジェクトはVercelへのデプロイを推奨しています:
- Vercelでアカウントを作成
- このリポジトリをインポート
- 環境変数を設定
- デプロイを実行
- このリポジトリをフォーク
- 新しいブランチを作成 (
git checkout -b feature/amazing-feature) - 変更をコミット (
git commit -m 'Add some amazing feature') - ブランチにプッシュ (
git push origin feature/amazing-feature) - プルリクエストを作成
このプロジェクトはMITライセンスの下で公開されています。
- 作者名 - [@GitHubユーザー名]