(Omn) : Wix Studio の NFT アーティストとコレクターのためのコミュニティ

2 日前に dev.to にサインアップした後、Wix Studio Challenge: Community Edition に出会いました。参加することに決めて本当に良かったです!

私のコミュニティプラットフォーム

Omn NFT Connector Hub は、NFT アーティスト、コレクター、愛好家がアートを紹介し、市場トレンドについて議論し、ライブオークションに参加できるように調整された活気のあるコミュニティスペースです。ユーザー リーダーボード、インタラクティブなディスカッション ボード、アート ショーケース、ライブ オークション ルームを備えた Omn は、有意義なエンゲージメントを促進し、直観的でインタラクティブな環境で NFT コミュニティを団結させるように設計されています。

機能の概要

免責事項 #1: サイトはネイティブの Wix 要素と Wix Velo を使用して構築されています。これは現在デモンストレーションであり、完全には機能しません。

主な機能は次のとおりです:

• ディスカッション掲示板
• ユーザープロフィール
• トレーダーのリーダーボード
• ライブオークションのあるアートギャラリー
• フォロー、いいね、コメント システム
• メッセージ
• イベントカレンダー
• ディスカッション スレッドのランキング システム

デモ

Omn NFT コネクタ ハブを探索する

スクリーンショット

ディスカッション掲示板

ユーザーリーダーボード

コメントといいねシステム

ユーザープロフィール

開発の道のり

DevChallenge に参加するのはこれが初めてでした (ここに 免責条項 #2 があります...私は数週間前にコーディングを学んだばかりです XD) 驚いたことに、このプロジェクトを構築するのはとても楽しかったです。たとえ技術的な背景がない人であっても。

動的コンテンツ フィルタリングと表示
Wix Data API で JavaScript を使用して、ディスカッション、スレッド、アートワークにカテゴリベースのフィルタリングを実装しました。ユーザーはページから離れることなくカテゴリごとにコンテンツを探索でき、シームレスで直感的なブラウジング エクスペリエンスを提供します。

リアルタイムコメント数
エンゲージメントを高めるために、各ディスカッション スレッドのコメント数を動的に表示する機能を作成しました。 wix-data.query メソッドを使用して、リアルタイムでコメントを取得してカウントし、ユーザー インタラクションを反映して表示されるカウントを即座に更新します。

ロールベースのコンテンツの可視性
カスタマイズされたエクスペリエンスを作成するために、wix-users API を使用してユーザーの役割 (「コレクター」または「アーティスト」など) を検出し、役割ベースのコンテンツの可視性を実装しました。コレクター限定のギャラリーやその他の独占的なコンテンツは、ユーザーの役割に基づいて動的に表示または非表示になり、メンバーシップに価値を追加し、より独占的なコミュニティを促進します。

いいねとエンゲージメントの追跡
「いいね！」カウント機能は、プラットフォーム内での対話を促進します。 wix-data API を使用すると、ユーザーはアートワークやスレッドに「いいね！」を付けることができ、その数はリアルタイムで更新されてデータベースに保存され、感謝の気持ちが目に見えて促進される活気に満ちたコミュニティの構築に役立ちます。

UI 管理用のカスタム JavaScript
UI コンポーネントを管理し、応答性を向上させるためのカスタム JavaScript 関数を作成しました。可視性の切り替えからさまざまなデバイスの調整まで、これらのタッチにより、プラットフォームがユーザーフレンドリーでインタラクティブに感じられます。 Wix Studio の JavaScript 機能を利用して、コミュニティのニーズに合わせたプラットフォームを作成できました。

Wix Studio の開発ツールのおかげで、このコミュニティ プラットフォームを実現することができ、その過程で貴重な経験を積むことができました!

Velo API

• wix-data API: ユーザー プロフィール、アートワークのリスト、コメントのデータ インタラクションを処理します。
• wix-users API: ユーザーの役割と権限を管理し、コレクターとアーティストに特別なアクセスを提供します。
• wix-location API: ユーザー ページとアートワーク ページへの URL リダイレクトと動的ルーティング用。
• wix-storage API: ユーザー設定を保存し、各コミュニティ メンバーのパーソナライゼーションを強化します。

Wix アプリ

• Wix イベント: ライブ オークション イベントの作成と管理に使用され、ユーザーはコミュニティ プラットフォームから直接出欠確認を行うことができます。
• Wix フォーラム: NFT 市場のトレンド、アーティストのヒント、新しいアートワークのリリースに関するトレンドのディスカッションをサポートするように適応されています。
• Wix フォーム: メンバーシップリクエストとニュースレター購読用。
• Wix CMS (およびデータフック): ユーザープロフィール、アートワークリスト、ディスカッション、イベント、リーダーボードの動的コンテンツを管理します。

以上が(Omn) : Wix Studio の NFT アーティストとコレクターのためのコミュニティの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。