アルゴランドのBuild-A-BullハッカソンでFolks Financeと共にあなたの開発スキルを証明しよう
アルゴランド開発者の皆さん、Folks Financeは10月に開催されるAlgorand Build-A-Bull Hackathonに参加します！アルゴランド財団とのパートナーシップのもと、Folksチームは最高1万ドルの賞金をご用意しました。
提案された課題は、Folksチームによって構築された新しいDEXアグリゲーターであるFolks RouterウィジェットのUIを開発することです。アルゴランドの3つのトップ取引所（Pact、Tinyman、Humble）からデータを引き出すことで、Folks Routerはスワップの最低スリッページと最高価格を保証します。必要なのは、どんなプロジェクトでもFolks Routerを自分たちの目的に統合できるような、美しく魅力的なインターフェースです。
そこであなたの出番です。
スケジュール:
ハッカソン期間:10月18日—11月15日
ファイナリスト発表:11月29日
Build-A-Bull最優秀賞デモ・デー: 12月13日
参加方法
1. Algorand Build-A-Bull Hackathonのウェブサイトにアクセスして登録する。
2. チームを結成するか、単独で参加するか、選択はあなた次第。
3. 10月18日にハッキングを開始し、11月15日まで革新的なソリューションに取り組みます。
4. プロジェクトを提出すれば、11月29日に発表されるファイナリストの1人になれるかもしれない。
5. 12月13日の最優秀賞デモ・デーで、審査員とアルゴランド・コミュニティを魅了する準備をしてください。
ぜひご参加ください！ご興味のある方は、下記をご覧ください：
スペック
コア機能
1. ウォレットの接続性：ウィジェットは、https://github.com/TxnLab/use-wallet/tree/main を使用して、そのインターフェイス内でウォレットとの直接接続を可能にしなければなりません。一方、ウィジェットを統合するプロトコルがすでにウォレットと独自のインフラを持っている場合、署名されていないトランザクションがホスト・サイト/アプリに送信され、ホスト・サイト/アプリが署名するメッセージ交換が行われなければなりません。ウィジェットは、署名されたトランザクションをブロックチェーンに送信する責任も負います。この2つのオプションは同時にサポートされるべきであり、その選択はウィジェットを使用する開発者に委ねられるべきです。
2. APIの利用：ウィジェットは、スワップ相場と関連取引（署名なし）をフェッチするために、Folks RouterのAPIを利用する。
3. テーマ：ウィジェットは明るいテーマと暗いテーマの両方を提供する必要があり、ウィジェットを使用する開発者が選択できまｓづ。基本テーマはFolks Financeの色に沿ったものでなければなりません。使用する開発者が簡単にカスタマイズできることが望ましい。
4. スワップ・モード：
ユーザが「From」フィールドに値を入力すると、スワップは「固定入力」タイプになります。
逆に、「To」フィールドに値が入力された場合、スワップは「固定出力」タイプとなります。
最後に手動で入力された値が、実行されるスワップのタイプを決定します。
5. APIリクエストのデバウンス：ユーザーが「From」または「To」入力フィールドのいずれかに値を手動で入力する場合、引用のAPIコールはデバウンスされるべきです。
6. 自動見積もり更新：「X」秒ごとに、ウィジェットは更新された値を表示するために見積を再取得する必要があります。次の更新がいつ行われるか、または現在の相場がいつまで有効であるかを、カウントダウンまたはインジケータで通知する必要があります。
7. 資産選択：ユーザーはあらかじめ用意された資産リストから選択できるようにする必要があります。初期リストにないアセットをスワップしたい場合は、手動でアセットIDを入力できなければなりません。表示されるアセットの情報は、名前、アイコン、ユーザーがウォレットに持っている金額です。手動で追加されたアセットに認識されたアイコンがある場合、それは表示されなければなりません。
8. スワップのシミュレーション：ユーザーがウォレットに接続していなかったり、十分な資金を持っていなかったりしても、入力フィールドに任意の金額を入力できるようにしなければなりません。この場合、スワップ・ボタンは無効となり、その理由が入力フォームに表示されなければなりません。
9. 選択した資産を反転させる：ボタン（例えば矢印アイコン）をクリックするだけで、現在選択されている2つの資産を反転させることができなければなりません。
10. ドル価格：使用された金額に基づいて、資産のドル価格が表示されなければなりません。vestigeAPIを使用することが望ましい。多通貨表示がサポートされていると尚良し。
11. スワップ・ルート：アコーディオンを使って、スワップ・ルートを表示できるようにしなければなりません。
12. オプトインの処理：接続されたウォレットがオプトインを必要とする場合、オプトインのトランザクションはユーザーによって署名されるグループに追加されなければなりません。
13. ガス代：ユーザーが手数料を支払うのに十分なALGOを持っていない場合（最低残高を差し引いた金額）、そのトランザクショ ンは必ず失敗するため、署名まで行うべきではありません。その代わり、手数料を支払うだけの十分な資金がないことを説明するメッセージを表示して警告しなければなりません。場合によっては、支払わなければならないガス料金の金額も表示します。
互換性
ウィジェットは、Webとモバイルの両方のコンテキストに対応する必要があり、Reactで開発されたアプリケーションに限定されるべきではありません。ほとんどのWeb3アプリケーションはReactで開発されていますが、すべての可能な技術スタックをサポートする必要があります。
開発と技術
推奨される技術的アプローチ
最も柔軟でスケーラブルなアプローチは、いくつかのステップから構成されます：
1. Monorepoを作成：Turborepoを使ってmonorepoを作成します。これにより、コード管理が一元化され、プロジェクトの保守や更新が容易になります。
2. Reactコンポーネントを開発：必要な機能を網羅したReactコンポーネントを設計します。このコンポーネントをすぐにnpmで公開し、Reactを使用するプロジェクトですぐに統合できるようにします。
3. Webappを構築：Next.jsまたはViteを使用したベースReactアプリケーションのいずれかを使用して、Webアプリケーションを作成する。このアプリケーションを特定のURLにデプロイします。このアプリケーションは、先に作成したReactコンポーネントをインポートして利用するだけです。
4. 通信ライブラリを実装：デプロイされたWebアプリケーションと、iframeやWebviewを介してそれを使用するホスト・プロトコルとの間の通信を容易にするライブラリを作成します。双方向通信を実現するためにpostMessageメソッドを利用します。さらに、効果的な双方向通信を実現するために、通信プリミティブをウェブ・アプリケーションに追加します。
可能なMonorepoの構造
Monorepoの構造としては、次のようなものが考えられます：
/apps/swap-widget-website
/packages/swap-widget-react
/packages/swap-widget-js
この構造を使用することで、Reactを利用するプロジェクトは、公開されたコンポーネント（/swap-widget-react）を簡単に統合することができます。異なる技術（他のフレームワークまたはモバイル環境）を使用するプロジェクトは、統合のために特別なライブラリ（/swap-widget-js）を使用します。
評価中に最も重要視される開発要素は、/packages/swap-widget-reactです。
このアプローチは、変更や新機能に容易に対応できるように設計されており、拡張性が高いものです。
上記のアーキテクチャは、容易な拡張性、スケーラビリティ、容易なメンテナンスを主な目的としたガイドラインです。異なるアプローチも可能ですが、承認が必要です。
また、基本設計は開発の出発点となるよう提供されます。UXやわかりやすさの面での改良は歓迎します。
評価される最終結果は、このリンクのリポジトリへのPRでなければなりません：Folks-Finance/folks-router: Enable the most efficient swaps on Algorand (github.com).
私たちは質の高いソリューションを探しています。懸賞金は10,000ドルにもなります。Folks Financeは、先に挙げた要件のいくつかが満たされていない場合、またはUIが不足していると考えられる場合、より低い金額を授与する判断を留保します。
公式開発者Discordチャンネルで技術チームとチャットし、Folks Routerのウェブサイトでドキュメントやその他の重要な詳細をご覧ください！
イノベーションはあなたから始まります！
Folks Financeについて
Folks Financeは、デジタル資産の貸し借り、取引、管理のための革新的なツールをすべて一箇所で提供する大手DeFiプラットフォームです。Folks Financeは、中央集権的な取引所に負けないUIとUXでDeFiエクスペリエンスを合理化し、そのすべてが無許可のスマートコントラクト技術で実行されています。
元記事：https://medium.com/@folksfinance/prove-your-dev-skills-with-folks-finance-in-algorands-build-a-bull-hackathon-aa0a37362384