Déployez votre propre portail de crowdfunding en 10 minutes avec Koii-X
15 février 2022 · 5 minutes de lecture
Partagez cet article
Commencez dès maintenant à collecter des fonds pour votre projet avec une application entièrement décentralisée
Koii-X est une bibliothèque de modèles d’interface utilisateur 100 % en Javascript qui peut vous aider à créer et à déployer une application en moins de 10 minutes. Les modèles peuvent être utilisés par les développeurs de tout niveau de compétence pour créer des applications Web de pointe à l’aide de frameworks JavaScript modernes tels que React et NPM.
Qu’est-ce qui rend Koii-X unique ?
Les modèles Koii-X sont optimisés pour les NFT et permettent aux développeurs de tirer facilement parti des propriétés uniques de suivi de l’attention de Koii afin qu’ils puissent facilement gagner des token $KOII. Chaque élément de contenu créé à l’aide d’un modèle Koii-X peut être un NFT Atomic qui est déployé sur un emplacement de stockage et d’hébergement décentralisé.
Commençons! Si vous souhaitez suivre le didacticiel vidéo, vous pouvez le trouver ici sur la chaîne Youtube de Koii .
Avant de commencer
Il y a quelques éléments que vous devez installer avant que nous ne puissions commencer à personnaliser et à déployer votre dApp. Si vous êtes déjà développeur, vous les avez peut-être déjà installés, mais cela ne fait pas de mal de revérifier !
Node.JS v16.xx
Tout d’abord, vous aurez besoin d’installer NodeJS v16 ou une version plus récente. Si vous ne l’avez pas déjà configuré sur votre ordinateur, vous pouvez le télécharger et l’installer à partir du site Web Node.js .
Si vous avez déjà installé Node.js, vérifiez la version dont vous disposez en saisissant dans votre CLI.node –version
Yarn
Nous utilisons Yarn pour installer et déployer les dApps Koii-X. Vous pouvez installer Yarn en tapantnpm install –global yarn
dans votre CLI ou vous pouvez visiter leur site Web et l'installer manuellement.
Arweave-déploiement
Nous utiliserons Arweave-deploy pour empaqueter et déployer notre site, ainsi que arkb. Saisissez les commandes suivantes pour les installer toutes les deux :npm install -g arweave-deploynpm install -g arkb@latest
Fichier Arweave wallet.json
Vous pouvez exporter votre fichier json depuis Finnie, en créer un nouveau ou obtenir un portefeuille directement depuis Arweave. Vous aurez besoin de $AR pour déployer votre dApp car elle sera stockée sur le permaweb d’Arweave. L’AR couvre vos frais de stockage. Vous pouvez en obtenir par le robinet Koii ou bien en acheter sur des échanges divers.
Placez une copie de ce fichier nommé wallet.json dans le dossier racine Koii-Funraiser. Vous aurez besoin de l’avoir dans ce dossier pour déployer votre dApp.
À vos marques, prêts, construisez !
Maintenant que nous avons tous les outils dont nous avons besoin, nous allons installer et personnaliser un portail de financement participatif ! Vous pouvez également déployer une dApp Leaderboard similaire au classement Koii Atomic NFT en utilisant les mêmes méthodes. Pour plus d’informations sur la procédure à suivre, visitez le portail de documentation . Pour l’instant, commençons par installer notre modèle.
Installation
Ouvrez votre CLI et accédez au dossier dans lequel vous souhaitez installer le modèle Koii-X. Ensuite, utilisez la commandenpx create-koii-fundraise
et attendez qu'il s'installe. Une fois installé, il vous demandera de changer de répertoire dans le dossier Koii-Fundraise qu'il a créé.
Une fois que vous êtes dans le répertoire Koii-Fundraise, exécutez les commandes suivantes :yarnyarn start
Cela lancera une version locale de votre modèle afin que vous puissiez voir vos modifications au fur et à mesure que vous personnalisez votre interface.
Personnalisation
Il y a quelques fichiers qu’il faut modifier afin d’effectuer une personnalisation de base. Ouvrez votre éditeur de texte préféré — Visual Studio Code est une bonne option car il combine à la fois CLI et éditeur de texte dans une interface agréable — et accédez au répertoire Koii-Fundraiser que nous venons de créer.
Le premier fichier que nous voulons configurer est le app-config.tsfichier qui contient les détails de votre application. Ouvrez Koii-Fundraiser/src/config/app-config.ts. Ici, vous pouvez configurer la langue, les paramètres régionaux, le titre, la description, le nom canonique, le compte Twitter et le nom de l'entreprise de votre site.
Ensuite, nous personnaliserons le portail de financement participatif lui-même.
Ouvrez le funding-config.tsxfichier. C'est dans le même dossierKoii-Fundraiser/src/config/. Ici, vous pouvez personnaliser de nombreux aspects de votre portail de financement participatif qui seront affichés sur l'application principale elle-même.
Vous verrez des options pour personnaliser votre titre, votre description, le nom de votre entreprise, les réseaux sociaux, les FAQ et les images affichées. Plus important encore, vous pouvez personnaliser le montant fundGoal que vous souhaitez, ainsi que modifier le type de paiement que vous acceptez.
Actuellement, nous prenons en charge les paiements en AR et ETH. Le 21, vous verrez apparaître la propriété paymentType. Par défaut, le paiement est défini sur ar, mais vous pouvez changer le jeton de collecte de fonds en eth.
À la ligne 22, vous verrez fundAddress. C'est ici que vous insérerez l'adresse du portefeuille où les fonds seront envoyés. Assurez-vous de le remplacer par un portefeuille ETH si vous modifiez votre type de paiement en eth à la ligne 21.
De nombreuses autres options de personnalisation sont disponibles, notamment le CSS et le style, sur lesquels vous pouvez en savoir plus ici . Pour le moment, passons aux étapes de déploiement.
Déploiement
Une fois que vous êtes satisfait de votre portail, fermez votre environnement de test en direct (dans VSCode, ctrl+c fera l’affaire). Après son arrêt, entrezyarn deploy
Cela créera une version de production de votre dApp et la déploiera sur Arweave. Après avoir compressé les fichiers pour le déploiement, le CLI vous montrera le coût du déploiement et attendra votre approbation pour continuer.
Après quelques minutes, votre déploiement sera terminé et la CLI renverra votre txID. C’est grâce à celui-ci que vous pourrez voir votre portail en direct ! Assurez-vous de sauvegarder ce lien quelque part. Nous vous recommandons de créer un lien court pour rediriger vers celui-ci.
Visitez votre page dApp en allant sur https://arweave.net/[yourtxid].
Bonus : vous pouvez ajouter un suivi de l’attention et recevoir des tokens KOII lorsque des personnes visitent votre portail. Découvrez comment ajouter Port et suivre l’attention ici .
Créer une dApp est vraiment aussi simple que cela. Lancez-vous et récoltez des fonds pour financer votre projet ! Nous ajouterons des modèles pour différents types d’applications, alors gardez un œil ouvert.
Si vous avez des questions, sautez sur le Discord et nous vous aiderons ! Et faites-nous savoir quelles fonctionnalités et quels modèles vous souhaitez voir ensuite.
Consultez-nous et suivez nos réseaux sociaux pour vous tenir au courant des derniers développements
Twitter : @KoiiNetwork
Télégramme : t.me/koiinetwork
LinkedIn : Koii Network
