NFTアバター着せ替えシステム

NFTアバター着せ替えシステム

ユーザーがカスタマイズ可能なNFTアバターを作成・管理できるWebアプリケーション。レイヤー式の画像合成システムにより、パーツごとの着せ替えが可能で、作成したアバターはNFTとして保存できます。

Next.js 15TypeScriptAWS LambdaAmazon S3Amazon DynamoDBSharp.jsTailwind CSSReact HooksAWS SDKAmazon Cognito

アバターカスタマイズ機能

10種類のパーツカテゴリーを組み合わせて独自のアバターを作成できる機能

  • Sharp.jsによるレイヤー画像合成
  • リアルタイムプレビュー表示
  • カテゴリー別パーツ選択UI

NFT管理システム

カスタマイズしたアバターをNFTとして保存・管理する機能

  • DynamoDBによるメタデータ管理
  • S3による画像ストレージ
  • NFTメタデータの自動生成

ユーザー認証システム

Amazon Cognitoを利用したユーザー認証と管理機能

  • JWT認証の実装
  • ウォレット連携機能
  • プロフィール管理機能
ProjectsArticlesCoursesContact