メインコンテンツへスキップ
← 開発実績一覧へ戻る
学習計画 & 個人資産管理プラットフォーム(個人開発 / AI支援)

PMP Platform

学習ロードマップの策定と多通貨での資産追跡を統合するパーソナルファイナンス & 学習管理プラットフォーム。

フルスタック開発者(個人開発、AI支援)

01 // Project Overview

PMP Platform は、学期ごとのGPA推移や学習ロードマップ、タスク管理と、多通貨対応ウォレット、貯蓄目標、支出分析チャートなどの個人資産管理ツールを統合したプラットフォームです。

02 // Technical Challenges & Solutions

複雑なフォーム状態管理 & 厳格なバリデーション

多段階の財務データ入力、多通貨換算計算、3言語にまたがるローカライズ入力の整合性を維持すること。

React Hook Form と Zod スキーマ検証を統合し、Zustand による中央集権的な状態ストアで決定論的な検証を実現。

ハイブリッド認証基盤 & メディアストレージ統合

Google One-Tap による簡易ログインと従来の JWT 認証を安全に併用し、プロフィールメディアを最適に配信すること。

ASP.NET Core でハイブリッドトークン認証を実装し、Cloudinary SDK との連携により最適化されたメディア配信を実現。

03 // システムアーキテクチャ & 技術スタック

PostgreSQL をバックエンドとする ASP.NET Core 8 Web API の階層型アーキテクチャと、Zustand 状態管理を備えた React/TypeScript フロントエンド。

  • Entity Framework Core を採用した ASP.NET Core 8 Web API
  • Neon クラウド上にホストされた PostgreSQL リレーショナルデータベース
  • Tailwind CSS と Zustand を活用したレスポンシブな React / TypeScript クライアント
  • Vercel(フロントエンド)と Render(API)を連携した自動デプロイパイプライン

Database: Neon PostgreSQL(Entity Framework Core マイグレーション)

Deployment: Vercel(フロントエンド)、Render(バックエンドAPI)、Cloudinary(メディア)

04 // Architectural Stack

ASP.NET Core 8ReactTypeScriptPostgreSQLZustandVercelRender

05 // Verified Engineering Outcomes

  • 学業管理と個人資産分析を統合したフルスタックプラットフォームを完成。
  • 自動マイグレーションと JWT/Google 認証を備えた堅牢な RESTful API を構築。
  • フロントエンドとバックエンドのホスティング環境を結ぶ継続的デプロイフローを確立。