Comment créer un clone dApp CoinMarketCap Diamonds avec Moralis

Web3 Gamification - Création d'une dApp CoinMarketCap Diamonds

La gamification est au cœur du Web3. Dans cet article, nous vous montrons à quel point il est facile de créer une dApp CoinMarketCap Diamonds avec Moralis !

La gamification peut rendre pratiquement n'importe quoi plus engageant. En outre, cela a tendance à augmenter la productivité, la mémoire, à désamorcer les tensions et bien plus encore. De plus, une application qui tire parti de la gamification sera plus excitante et apportera une valeur supplémentaire aux utilisateurs. Entre autres options, la valeur ajoutée peut prendre la forme de récompenses potentielles. En tant que tels, les développeurs dApp devraient envisager d'inclure la gamification Web3 dans leurs applications décentralisées ( dApps ). Un excellent exemple de gamification Web3 est la dApp CoinMarketCap Diamonds. Ici, nous allons imiter cette application dans notre exemple de projet, et nous le ferons en utilisant d'excellents outils.   

Si vous utilisez CoinMarketCap, vous devez avoir vu leurs "Diamants". En introduisant cette fonctionnalité, ils encouragent les utilisateurs à effectuer certaines tâches quotidiennes simples. En tant que tels, ils obtiennent plus d'engagement et des utilisateurs plus réguliers. Donc, si CoinMarketCap utilise la tactique de gamification, vous pouvez parier votre meilleur dollar que cela fonctionne. Ainsi, la fonctionnalité CoinMarketCap Diamonds est un excellent exemple pratique qui mérite d'être cloné. 

À l'avenir, nous utiliserons la plate-forme de développement Web3 ultime de Moralis en combinaison avec le meilleur passe- partout Ethereum dApp . La puissante combinaison de ces deux raccourcis de développement blockchain nous permettra de mettre en œuvre la gamification Web3 en moins d'une heure. De plus, dans les sections à venir, vous aurez la chance de nous rejoindre alors que nous créons notre clone dApp CoinMarketCap Diamonds. Par conséquent, vous apprendrez à configurer Moralis et le standard Web3 ultime pour accélérer votre développement Web3. Qu'il s'agisse de créer des personnages de jeux NFT ou de créer un autre projet GameFi , assurez-vous de lire d'abord cet article pour en savoir plus sur la gamification Web3 !

Gamification Web3 - Un exemple de projet

Nous sommes de fervents partisans de l'apprentissage par l'action. En tant que tel, nous incluons des exemples de projets dans la mesure du possible. Ainsi, nous vous encourageons fortement à suivre notre exemple en créant un clone CoinMarketCap Diamond dApp. Ce faisant, vous en apprendrez beaucoup sur la gamification Web3. De plus, vous pourrez ensuite utiliser ces connaissances et les implémenter dans des dApps plus uniques. De plus, une fois que vous aurez appris à travailler avec Moralis et le passe-partout Web3 ultime, vous aurez un avantage supplémentaire, rendant vos dApps plus attrayantes que celles du concurrent. Avec ces outils phénoménaux à vos côtés, vous économiserez beaucoup de temps, d'énergie et d'argent. Puisque nous avons beaucoup de chemin à parcourir dans cette quête de gamification Web3, allons-y. 

Exemple de gamification Web3 dApp 

Avant d'aborder la configuration initiale et le codage réel lié à notre exemple de projet, nous souhaitons que vous fassiez un bref aperçu de notre exemple dApp CoinMarketCap Diamonds. Si vous n'avez pas encore vu les diamants de CoinMarketCap en action, n'hésitez pas à les consulter. Vous devrez vous connecter à votre compte CoinMarketCap, puis cliquer sur l'icône "diamant" dans le coin supérieur droit :

Après avoir cliqué sur l'icône en forme de diamant, vous arriverez sur la page "My CoinMarketCap Diamonds" (voir l'image ci-dessous). Là, vous verrez trois onglets (sur le côté gauche) et les détails de cet exemple de gamification :

N'hésitez pas à explorer CoinMarketCap Diamonds plus avant. Cependant, concentrons-nous maintenant sur notre aperçu de la dApp CoinMarketCap Diamonds. Comme pour la gamification Web3 ci-dessus, notre dApp a trois onglets sur le côté gauche. Nous avons les onglets "Mes runes", "Classement" et "Récompenses". Voici une capture d'écran de l'onglet « Mes runes » :

Dans notre exemple de gamification Web3, les utilisateurs auront la possibilité de collecter des runes quotidiennement. Faire cela plusieurs jours consécutifs augmentera le nombre de runes à collectionner (comme indiqué ci-dessus). De plus, à l'aide d'un classement, les utilisateurs peuvent voir combien de runes les utilisateurs les plus actifs ont collectés. De plus, les runes collectées peuvent être utilisées pour échanger des récompenses. 

Aperçu du clone dApp de CoinMarketCap Diamonds

Lorsque les utilisateurs arrivent sur notre page Web3, ils voient les options affichées dans la capture d'écran ci-dessus. Cependant, pour interagir avec notre dApp, ils doivent s'authentifier à l'aide de l' authentification Web3 ( connexion Web3 ). Heureusement, Moralis et le passe-partout facilitent l'intégration de cette fonctionnalité Web3 essentielle. Ainsi, les utilisateurs n'ont qu'à cliquer sur le bouton "Authentifier" et à sélectionner leur méthode préférée. Pour cet aperçu, nous avons opté pour MetaMask , qui est notre portefeuille Web3 de prédilection :

Une fois que les utilisateurs ont confirmé leur tentative de connexion, ils peuvent accéder aux fonctionnalités de notre exemple dApp. Entre autres, ils peuvent également collecter des runes et voir le nombre de runes collectées jusqu'à présent :

De plus, ils peuvent voir le classement :

De plus, comme mentionné, nous avons également ajouté la page "Récompenses", où les utilisateurs peuvent réclamer certaines récompenses en utilisant leurs runes collectées :

Si la quantité de runes collectées est suffisante, les utilisateurs pourront cliquer sur une récompense particulière et la récupérer. De plus, en regardant la capture d'écran ci-dessus, vous pouvez voir qu'une récompense est "Mage NFT". Comme les utilisateurs peuvent sélectionner cette récompense, nous avons également intégré une fonctionnalité qui permet aux utilisateurs d' utiliser des NFT paresseux . Vous aurez l'occasion de découvrir comment procéder à la fin de l'article. Bien sûr, si vous êtes davantage intéressé par le développement de jetons NFT , assurez-vous de vous renseigner sur les alternatives de l'API NFT . En outre, examinez de plus près les fonctionnalités de génération et de menthe NFT . Ces derniers sont des éléments essentiels de la programmation NFT , du développement de jeux NFT et de tout marché NFT.

Création d'une dApp CoinMarketCap Diamonds

Maintenant que vous avez une vision claire de ce que nous allons créer, il est temps de retrousser nos manches. Comme mentionné, nous commencerons par couvrir quelques étapes de configuration initiales. Celles-ci incluront la création d'un serveur Moralis et l'initialisation du SDK Moralis. En outre, vous apprendrez à couvrir la configuration initiale du passe-partout Ethereum dApp. 

Configuration initiale de Moralis

Si vous décidez de créer des dApps à partir de zéro ou d'utiliser le passe-partout Web3, vous devez d'abord effectuer une configuration Moralis simple. Voici les étapes que vous devez suivre :

  1. Créez votre compte Moralis gratuit - Utilisez le lien à gauche pour accéder à la page d'inscription. Là, entrez votre email et créez votre mot de passe. Pour confirmer le processus, assurez-vous de cliquer sur le lien de confirmation qui sera envoyé à votre adresse e-mail. Bien sûr, si vous avez déjà un compte Moralis actif, connectez -vous simplement .
  2. Créer un serveur Moralis – Une fois connecté à votre espace d'administration Moralis, sélectionnez l'onglet « Serveurs ». Ensuite, cliquez sur le bouton "+ Créer un nouveau serveur" dans le coin supérieur droit. Dans le menu déroulant qui apparaît, sélectionnez le type de réseau qui correspond le mieux à vos besoins (voir la capture d'écran ci-dessous). Dans le cas d'exemples de projets ou de tests de vos dApps, il est préférable de se concentrer sur les options "Testnet Server" ( Ethereum testnets ) ou "Local Devchain Server". 

Après avoir sélectionné un type de réseau, vous verrez une fenêtre contextuelle vous demandant d'entrer les détails de votre serveur. Ainsi, entrez le nom de votre serveur (cela peut être ce que vous voulez), sélectionnez votre région, le type de réseau et la ou les chaînes. Terminez la configuration en cliquant sur "Ajouter une instance":

  1. Accéder aux détails du serveur - Une fois votre serveur opérationnel, vous pouvez accéder à ses détails (URL du serveur et ID de l'application) en cliquant sur "Afficher les détails":


Ensuite, copiez simplement les détails ("URL du serveur" et "ID de l'application") dans votre fichier de code. Lorsque vous travaillez avec le passe-partout, utilisez le fichier ".env". Vous pouvez utiliser les icônes de copie sur le côté droit pour copier les détails requis :

  1. Initialiser Moralis (sautez cette étape pour l'instant) - Pour initialiser Moralis et son SDK et, ainsi, enfin accéder à la puissance de Moralis, remplissez le fichier ".env". Collez simplement les détails de votre serveur à l'endroit désigné :

Configuration de la plaque d'identification d'Ethereum dApp

À présent, vous savez que nous utiliserons ce passe-partout Web3 ultime pour nous simplifier les choses. Si vous n'êtes pas intéressé par la création d'une interface utilisateur unique, l'utilisation de ce raccourci vous fera gagner beaucoup de temps. De plus, il vous permet d'avoir une dApp entièrement fonctionnelle et opérationnelle en quelques minutes. Ce passe-partout est disponible sur GitHub (il suffit d'utiliser Google et de rechercher "Ethereum passe-partout"). Cependant, pour cet exemple de projet, vous disposez d'un itinéraire encore plus simple. Vous pouvez utiliser un passe-partout légèrement « modifié » appelé « Gamification-StartedCode ». Vous pouvez facilement suivre ce guide et les instructions vidéo ci-dessous lorsque ce dernier est cloné. Bien entendu, vous pouvez également accéder au code final (« Gamification-dApp »).

Voici les étapes que vous devez suivre pour utiliser notre passe-partout modifié :

  1. Utilisez le lien "Gamification-StarterCode" ci-dessus pour accéder au code sur GitHub.
  2. Cliquez sur le bouton « Code » puis copiez l'adresse en cliquant sur l'icône « copier » :

  1. Ensuite, utilisez le terminal de votre éditeur de code (nous préférons utiliser Visual Studio Code [VSC]) et clonez le code copié ci-dessus :

    git clone [ collez ici l'adresse HTTPS copiée ] 
  2. Installez toutes les dépendances à l'aide de cette commande dans le terminal de votre éditeur de code :
  • cd gamification-startercode
  • installation de fil 
  1. Renommez le fichier ".env.example" en ".env" et terminez la dernière étape (étape quatre) de la section précédente. Cela signifie que vous remplirez votre fichier ".env" avec les détails de votre serveur.
  2. Exécutez votre application en collant ou en tapant « yarn start » dans le terminal de VSC :

Une fois que vous avez terminé la configuration ci-dessus, vous aurez un onglet "Gamify" vide sur le thème sombre prêt. C'est là que vous ajouterez des éléments pour obtenir les mêmes résultats que ceux présentés dans l'aperçu ci-dessus.

Gamification Web3 – Présentation du code

Il y a de nombreuses lignes de code que vous devez mettre en place pour couvrir l'aspect frontal de notre exemple de dApp de gamification Web3. Heureusement, l'un des experts de Moralis a préparé un didacticiel vidéo que vous pouvez facilement suivre (vidéo ci-dessous). Si le didacticiel avance trop vite, mettez-le en pause et respectez votre propre rythme. Il vous guidera d'abord dans les détails de la création de l'interface appropriée. Ainsi, vous verrez comment ajouter facilement les trois onglets de notre dApp CoinMarketCap Diamonds (3:52). Après avoir créé le menu latéral pour les onglets, vous allez créer chacune des trois pages. Pour vous concentrer sur la page "Mes runes", passez à 6:15. Pour la page "Classement", rendez-vous à 12h36, et pour la page "Récompenses", rendez-vous à 15h05. 

De plus, si vous maîtrisez JavaScript , la création de l'interface sera comme une promenade dans le parc pour vous. Cependant, c'est le backend où la puissance de Moralis brille. À partir de 20h49, vous voyez à quel point il est facile d'utiliser le tableau de bord (base de données) de Moralis pour indexer la blockchain . Cette fonctionnalité vous permet d'utiliser les données en chaîne efficacement et sans aucun problème :

De plus, c'est ici que vous apprendrez à implémenter les fonctionnalités de "collecte de runes". À partir de 41:05, vous apprendrez également les détails nécessaires à la mise en place d'un classement. Néanmoins, à 45h50, vous aurez l'occasion d'apprendre à mettre en place la fonction de frappe NFT dans le cadre des récompenses. 

Gamification Web3 - Création d'une dApp CoinMarketCap Diamonds - Résumé

Nous avons couvert beaucoup de terrain aujourd'hui. À ce stade, vous savez que les fonctionnalités de gamification Web3 peuvent aider votre dApp à gagner en popularité et en adoption. De plus, vous avez appris qu'avec les bons outils, il est assez simple d'implémenter la gamification Web3. Néanmoins, en utilisant la plate-forme de développement Web3 ultime - Moralis (alias Firebase pour crypto ) et le standard Web3 ultime, vous avez eu la chance de créer votre propre dApp CoinMarketCap Diamonds. En tant que tel, vous savez maintenant également comment couvrir les étapes initiales de configuration de Moralis et du passe-partout. Ce dernier vous sera utile lorsque vous prendrez d'autres exemples de projets ou aborderez vos propres idées.

Source de l'article original sur https://moralis.io 

What is GEEK

Buddha Community

CoinMarketCap Clone Script | CoinMarketCap App Clone | Coin Market Cap Clone Software

CoinMarketCap Clone Software

Coinmarketcap Clone software has all the features of Coinmarketcap. Build A Fully Automatic Coin Market Capitalization like Coinmarketcap with Coinmarketcap clone software.

Get FREE CoinMarketCap Clone Script Demo

Readymade Coinmarketcap Clone script for CoinMarketCap Clone helps you to start operations easily and quickly. You don’t need to worry about developing the CoinMarketCap clone app from scratch. We, BlockchainAppsDeveloper, help you create or launch your CoinMarketCap like website and mobile app instantly with our coinmarket clone script.

Features of CoinMarketCap Clone Script

  • Events Calendar
  • Newsletter
  • Currency Converter Calculator
  • Crypto Glossary
  • Day/Night Mode
  • Favorite Coins
  • Top Risers
  • Top Fallers

CoinMarketCap Clone App Development

CoinMarketCap clone App Development, you can start your own rundown of cryptocurrencies and trades dependent on genuine activities and adventures.

Customers can be enabled to check the evaluations of the digital / virtual currencies as per the capitalization sum in this way profiting by settling on the most ideal business decisions.

With Blockchainappsdeveloper Coinmarketcap Clone Script, take a lead in the computerized market by bringing inventive crypto ways with the assistance of the Coin Market Cap.

Why BlockchainAppsDeveloper For CoinMarketCap Like Website Development?

BlockchainAppsDeveloper is the leading Blockchain Application Development Company, that provides CoinMarketCap Clone Software and Script To Build a Fully Automatic Coin Market Capitalization Like Coinmarket.

Get Your Own CoinMarketCap Clone Up And Running Within a Week!

#coinmarketcap clone software #coinmarketcap clone script #coinmarketcap app clone #coin market cap clone software #coin market capitalization

brayden diego

1604387106

Bigbasket Clone | BIgBasket Clone App | BigBasket App Clone Script

Amid the COVID-19 crisis, on-demand grocery delivery apps are a massive hit. The convenience of availing doorstep essentials, coupled with accessing a wide range of products, is propelling the need for grocery delivery apps more than ever. Even retail grocery outlets are eyeing to explore the online market space due to its massive popularity and revenue.

Are you an entrepreneur aiming to initiate your Bigbasket clone app development? If so, are you ready to tackle the COVID-19 pandemic situation? This blog discusses a few vital strategies that can make an app like Bigbasket combat the outbreak situation comprehensively.

Take care of your supply chain: Coping with the demands require an all-encompassing, ever-present supply chain. Your supply chain includes grocery suppliers and delivery chains. Hence, maintain adequate stock and build healthy relationships with suppliers to avoid the risk of running out of groceries.

Equip your delivery chain with safety gear: Your delivery chain comes in direct contact with your customers. Hence, provide safety gear like gloves, masks, sanitizers, etc., to your delivery drivers. Besides, automating the process of verifying your delivery drivers on their safety standards with a face mask recognition software can come in handy.

Encourage contactless delivery options: One of the significant reasons for virus transmission is through external physical contact. Eliminate any form of contact in your on-demand grocery delivery app ecosystem by encouraging your delivery workers to adapt to ‘zero-contact’ deliveries. This way, instead of handing over grocery orders directly, your delivery drivers will drop them at discrete spots suggested by customers.

Safety badges for grocery stores: Building the trust factor is crucial to sustain in the market. Hence, scrutinize grocery stores on their safety standards and provide safety badges to them. By displaying safety badges near their names, the customer trust-factor enhances substantially.

Summing up,
Surviving the outbreak situation will open the floodgates to unrestricted revenue for an entrepreneur. Implement these strategies in your Bigbasket clone script and scale your grocery delivery app among the masses.

#bigbasket clone #bigbasket clone app #bigbasket clone app development #bigbasket clone app development company #bigbasket clone script #bigbasket app clone

Poppy Cooke

Poppy Cooke

1644294873

How to Create a CoinMarketCap Diamonds dApp Clone with Moralis

Web3 Gamification - Creating a CoinMarketCap Diamonds dApp

Gamification is at the core of Web3. In this article, we show you just how easy creating a CoinMarketCap Diamonds dApp is with Moralis!

Gamification can make virtually anything more engaging. Also, it tends to raise productivity, memory, defuse tension, and much more. Moreover, an application that leverages gamification will be more exciting and add extra value to users. Among other options, added value can be in the form of potential rewards. As such, dApp developers should consider including Web3 gamification in their decentralized applications (dApps). An excellent example of Web3 gamification is the CoinMarketCap Diamonds dApp. Herein, we will mimic that app in our example project, and we’ll do so by using some excellent tools.   

#web3 #blockchain #coinmarketcap #dapp #gamedev #gamefi 

Comment créer un clone dApp CoinMarketCap Diamonds avec Moralis

Web3 Gamification - Création d'une dApp CoinMarketCap Diamonds

La gamification est au cœur du Web3. Dans cet article, nous vous montrons à quel point il est facile de créer une dApp CoinMarketCap Diamonds avec Moralis !

La gamification peut rendre pratiquement n'importe quoi plus engageant. En outre, cela a tendance à augmenter la productivité, la mémoire, à désamorcer les tensions et bien plus encore. De plus, une application qui tire parti de la gamification sera plus excitante et apportera une valeur supplémentaire aux utilisateurs. Entre autres options, la valeur ajoutée peut prendre la forme de récompenses potentielles. En tant que tels, les développeurs dApp devraient envisager d'inclure la gamification Web3 dans leurs applications décentralisées ( dApps ). Un excellent exemple de gamification Web3 est la dApp CoinMarketCap Diamonds. Ici, nous allons imiter cette application dans notre exemple de projet, et nous le ferons en utilisant d'excellents outils.   

Si vous utilisez CoinMarketCap, vous devez avoir vu leurs "Diamants". En introduisant cette fonctionnalité, ils encouragent les utilisateurs à effectuer certaines tâches quotidiennes simples. En tant que tels, ils obtiennent plus d'engagement et des utilisateurs plus réguliers. Donc, si CoinMarketCap utilise la tactique de gamification, vous pouvez parier votre meilleur dollar que cela fonctionne. Ainsi, la fonctionnalité CoinMarketCap Diamonds est un excellent exemple pratique qui mérite d'être cloné. 

À l'avenir, nous utiliserons la plate-forme de développement Web3 ultime de Moralis en combinaison avec le meilleur passe- partout Ethereum dApp . La puissante combinaison de ces deux raccourcis de développement blockchain nous permettra de mettre en œuvre la gamification Web3 en moins d'une heure. De plus, dans les sections à venir, vous aurez la chance de nous rejoindre alors que nous créons notre clone dApp CoinMarketCap Diamonds. Par conséquent, vous apprendrez à configurer Moralis et le standard Web3 ultime pour accélérer votre développement Web3. Qu'il s'agisse de créer des personnages de jeux NFT ou de créer un autre projet GameFi , assurez-vous de lire d'abord cet article pour en savoir plus sur la gamification Web3 !

Gamification Web3 - Un exemple de projet

Nous sommes de fervents partisans de l'apprentissage par l'action. En tant que tel, nous incluons des exemples de projets dans la mesure du possible. Ainsi, nous vous encourageons fortement à suivre notre exemple en créant un clone CoinMarketCap Diamond dApp. Ce faisant, vous en apprendrez beaucoup sur la gamification Web3. De plus, vous pourrez ensuite utiliser ces connaissances et les implémenter dans des dApps plus uniques. De plus, une fois que vous aurez appris à travailler avec Moralis et le passe-partout Web3 ultime, vous aurez un avantage supplémentaire, rendant vos dApps plus attrayantes que celles du concurrent. Avec ces outils phénoménaux à vos côtés, vous économiserez beaucoup de temps, d'énergie et d'argent. Puisque nous avons beaucoup de chemin à parcourir dans cette quête de gamification Web3, allons-y. 

Exemple de gamification Web3 dApp 

Avant d'aborder la configuration initiale et le codage réel lié à notre exemple de projet, nous souhaitons que vous fassiez un bref aperçu de notre exemple dApp CoinMarketCap Diamonds. Si vous n'avez pas encore vu les diamants de CoinMarketCap en action, n'hésitez pas à les consulter. Vous devrez vous connecter à votre compte CoinMarketCap, puis cliquer sur l'icône "diamant" dans le coin supérieur droit :

Après avoir cliqué sur l'icône en forme de diamant, vous arriverez sur la page "My CoinMarketCap Diamonds" (voir l'image ci-dessous). Là, vous verrez trois onglets (sur le côté gauche) et les détails de cet exemple de gamification :

N'hésitez pas à explorer CoinMarketCap Diamonds plus avant. Cependant, concentrons-nous maintenant sur notre aperçu de la dApp CoinMarketCap Diamonds. Comme pour la gamification Web3 ci-dessus, notre dApp a trois onglets sur le côté gauche. Nous avons les onglets "Mes runes", "Classement" et "Récompenses". Voici une capture d'écran de l'onglet « Mes runes » :

Dans notre exemple de gamification Web3, les utilisateurs auront la possibilité de collecter des runes quotidiennement. Faire cela plusieurs jours consécutifs augmentera le nombre de runes à collectionner (comme indiqué ci-dessus). De plus, à l'aide d'un classement, les utilisateurs peuvent voir combien de runes les utilisateurs les plus actifs ont collectés. De plus, les runes collectées peuvent être utilisées pour échanger des récompenses. 

Aperçu du clone dApp de CoinMarketCap Diamonds

Lorsque les utilisateurs arrivent sur notre page Web3, ils voient les options affichées dans la capture d'écran ci-dessus. Cependant, pour interagir avec notre dApp, ils doivent s'authentifier à l'aide de l' authentification Web3 ( connexion Web3 ). Heureusement, Moralis et le passe-partout facilitent l'intégration de cette fonctionnalité Web3 essentielle. Ainsi, les utilisateurs n'ont qu'à cliquer sur le bouton "Authentifier" et à sélectionner leur méthode préférée. Pour cet aperçu, nous avons opté pour MetaMask , qui est notre portefeuille Web3 de prédilection :

Une fois que les utilisateurs ont confirmé leur tentative de connexion, ils peuvent accéder aux fonctionnalités de notre exemple dApp. Entre autres, ils peuvent également collecter des runes et voir le nombre de runes collectées jusqu'à présent :

De plus, ils peuvent voir le classement :

De plus, comme mentionné, nous avons également ajouté la page "Récompenses", où les utilisateurs peuvent réclamer certaines récompenses en utilisant leurs runes collectées :

Si la quantité de runes collectées est suffisante, les utilisateurs pourront cliquer sur une récompense particulière et la récupérer. De plus, en regardant la capture d'écran ci-dessus, vous pouvez voir qu'une récompense est "Mage NFT". Comme les utilisateurs peuvent sélectionner cette récompense, nous avons également intégré une fonctionnalité qui permet aux utilisateurs d' utiliser des NFT paresseux . Vous aurez l'occasion de découvrir comment procéder à la fin de l'article. Bien sûr, si vous êtes davantage intéressé par le développement de jetons NFT , assurez-vous de vous renseigner sur les alternatives de l'API NFT . En outre, examinez de plus près les fonctionnalités de génération et de menthe NFT . Ces derniers sont des éléments essentiels de la programmation NFT , du développement de jeux NFT et de tout marché NFT.

Création d'une dApp CoinMarketCap Diamonds

Maintenant que vous avez une vision claire de ce que nous allons créer, il est temps de retrousser nos manches. Comme mentionné, nous commencerons par couvrir quelques étapes de configuration initiales. Celles-ci incluront la création d'un serveur Moralis et l'initialisation du SDK Moralis. En outre, vous apprendrez à couvrir la configuration initiale du passe-partout Ethereum dApp. 

Configuration initiale de Moralis

Si vous décidez de créer des dApps à partir de zéro ou d'utiliser le passe-partout Web3, vous devez d'abord effectuer une configuration Moralis simple. Voici les étapes que vous devez suivre :

  1. Créez votre compte Moralis gratuit - Utilisez le lien à gauche pour accéder à la page d'inscription. Là, entrez votre email et créez votre mot de passe. Pour confirmer le processus, assurez-vous de cliquer sur le lien de confirmation qui sera envoyé à votre adresse e-mail. Bien sûr, si vous avez déjà un compte Moralis actif, connectez -vous simplement .
  2. Créer un serveur Moralis – Une fois connecté à votre espace d'administration Moralis, sélectionnez l'onglet « Serveurs ». Ensuite, cliquez sur le bouton "+ Créer un nouveau serveur" dans le coin supérieur droit. Dans le menu déroulant qui apparaît, sélectionnez le type de réseau qui correspond le mieux à vos besoins (voir la capture d'écran ci-dessous). Dans le cas d'exemples de projets ou de tests de vos dApps, il est préférable de se concentrer sur les options "Testnet Server" ( Ethereum testnets ) ou "Local Devchain Server". 

Après avoir sélectionné un type de réseau, vous verrez une fenêtre contextuelle vous demandant d'entrer les détails de votre serveur. Ainsi, entrez le nom de votre serveur (cela peut être ce que vous voulez), sélectionnez votre région, le type de réseau et la ou les chaînes. Terminez la configuration en cliquant sur "Ajouter une instance":

  1. Accéder aux détails du serveur - Une fois votre serveur opérationnel, vous pouvez accéder à ses détails (URL du serveur et ID de l'application) en cliquant sur "Afficher les détails":


Ensuite, copiez simplement les détails ("URL du serveur" et "ID de l'application") dans votre fichier de code. Lorsque vous travaillez avec le passe-partout, utilisez le fichier ".env". Vous pouvez utiliser les icônes de copie sur le côté droit pour copier les détails requis :

  1. Initialiser Moralis (sautez cette étape pour l'instant) - Pour initialiser Moralis et son SDK et, ainsi, enfin accéder à la puissance de Moralis, remplissez le fichier ".env". Collez simplement les détails de votre serveur à l'endroit désigné :

Configuration de la plaque d'identification d'Ethereum dApp

À présent, vous savez que nous utiliserons ce passe-partout Web3 ultime pour nous simplifier les choses. Si vous n'êtes pas intéressé par la création d'une interface utilisateur unique, l'utilisation de ce raccourci vous fera gagner beaucoup de temps. De plus, il vous permet d'avoir une dApp entièrement fonctionnelle et opérationnelle en quelques minutes. Ce passe-partout est disponible sur GitHub (il suffit d'utiliser Google et de rechercher "Ethereum passe-partout"). Cependant, pour cet exemple de projet, vous disposez d'un itinéraire encore plus simple. Vous pouvez utiliser un passe-partout légèrement « modifié » appelé « Gamification-StartedCode ». Vous pouvez facilement suivre ce guide et les instructions vidéo ci-dessous lorsque ce dernier est cloné. Bien entendu, vous pouvez également accéder au code final (« Gamification-dApp »).

Voici les étapes que vous devez suivre pour utiliser notre passe-partout modifié :

  1. Utilisez le lien "Gamification-StarterCode" ci-dessus pour accéder au code sur GitHub.
  2. Cliquez sur le bouton « Code » puis copiez l'adresse en cliquant sur l'icône « copier » :

  1. Ensuite, utilisez le terminal de votre éditeur de code (nous préférons utiliser Visual Studio Code [VSC]) et clonez le code copié ci-dessus :

    git clone [ collez ici l'adresse HTTPS copiée ] 
  2. Installez toutes les dépendances à l'aide de cette commande dans le terminal de votre éditeur de code :
  • cd gamification-startercode
  • installation de fil 
  1. Renommez le fichier ".env.example" en ".env" et terminez la dernière étape (étape quatre) de la section précédente. Cela signifie que vous remplirez votre fichier ".env" avec les détails de votre serveur.
  2. Exécutez votre application en collant ou en tapant « yarn start » dans le terminal de VSC :

Une fois que vous avez terminé la configuration ci-dessus, vous aurez un onglet "Gamify" vide sur le thème sombre prêt. C'est là que vous ajouterez des éléments pour obtenir les mêmes résultats que ceux présentés dans l'aperçu ci-dessus.

Gamification Web3 – Présentation du code

Il y a de nombreuses lignes de code que vous devez mettre en place pour couvrir l'aspect frontal de notre exemple de dApp de gamification Web3. Heureusement, l'un des experts de Moralis a préparé un didacticiel vidéo que vous pouvez facilement suivre (vidéo ci-dessous). Si le didacticiel avance trop vite, mettez-le en pause et respectez votre propre rythme. Il vous guidera d'abord dans les détails de la création de l'interface appropriée. Ainsi, vous verrez comment ajouter facilement les trois onglets de notre dApp CoinMarketCap Diamonds (3:52). Après avoir créé le menu latéral pour les onglets, vous allez créer chacune des trois pages. Pour vous concentrer sur la page "Mes runes", passez à 6:15. Pour la page "Classement", rendez-vous à 12h36, et pour la page "Récompenses", rendez-vous à 15h05. 

De plus, si vous maîtrisez JavaScript , la création de l'interface sera comme une promenade dans le parc pour vous. Cependant, c'est le backend où la puissance de Moralis brille. À partir de 20h49, vous voyez à quel point il est facile d'utiliser le tableau de bord (base de données) de Moralis pour indexer la blockchain . Cette fonctionnalité vous permet d'utiliser les données en chaîne efficacement et sans aucun problème :

De plus, c'est ici que vous apprendrez à implémenter les fonctionnalités de "collecte de runes". À partir de 41:05, vous apprendrez également les détails nécessaires à la mise en place d'un classement. Néanmoins, à 45h50, vous aurez l'occasion d'apprendre à mettre en place la fonction de frappe NFT dans le cadre des récompenses. 

Gamification Web3 - Création d'une dApp CoinMarketCap Diamonds - Résumé

Nous avons couvert beaucoup de terrain aujourd'hui. À ce stade, vous savez que les fonctionnalités de gamification Web3 peuvent aider votre dApp à gagner en popularité et en adoption. De plus, vous avez appris qu'avec les bons outils, il est assez simple d'implémenter la gamification Web3. Néanmoins, en utilisant la plate-forme de développement Web3 ultime - Moralis (alias Firebase pour crypto ) et le standard Web3 ultime, vous avez eu la chance de créer votre propre dApp CoinMarketCap Diamonds. En tant que tel, vous savez maintenant également comment couvrir les étapes initiales de configuration de Moralis et du passe-partout. Ce dernier vous sera utile lorsque vous prendrez d'autres exemples de projets ou aborderez vos propres idées.

Source de l'article original sur https://moralis.io 

Marcus Anthony

1609310382

Letgo Clone | Letgo Clone App | Buy and Sell Classified Marketplace Script

The reseller e-commerce business has become the talk of the town. The reason for the huge eminence of reseller e-commerce in today’s world is due to the benefits it assures. With a robust and user-friendly app, your reseller e-commerce business is sure to take you places.

Before stepping out to invest in the reseller e-commerce business, consider launching an app like Letgo that is armed with several rich features. In this blog, you will get to know the list of features of the app that will make your reseller business a sure-shot success.

Inventory management- Sellers can restock and manage the inventory without any hassles.

Catalog management- Sellers can sort and group their products under categories. Also, sellers can add or remove products from the catalog in just a few taps.

Diverse payment options- The app offers users with multiple payment options with which they can make their payments by choosing the convenient payment option.

Push notifications- The push notifications are integral in keeping users up-to-date with your app. Alerts regarding new product arrival, offers, updates, etc. can be sent via push notifications.

These are the features that will give an extraordinary user experience. Let us next learn about the revenue model of the app.

Commission fees- Sellers who get orders via your app will pay commission fees. Associating with multiple sellers will amplify the revenue through commission fees.

Promotional content- You can promote sellers’ products on your app under the digital banner section.

Premium services- You can allow access to certain advanced features on a paid basis to users. Formulate monthly or yearly subscription plans so that users can choose their convenient plan.

Conclusion

The Letgo clone script is the best reseller e-commerce app to invest in. Head towards to find the app developer who has experience in building clone apps with robust functional models.

##letgo clone ##letgo clone app ##letgo clone script ##letgo clone app development ##letgo clone software ##letgo clone open source