Créer et déployer une DApp de vote blockchain (Web3) avec Next.js, Solidity et Ethers.js | Projet DApp de vote complet
Dans ce projet, nous allons construire et déployer une DApp de vote blockchain en utilisant Next.js, Solidity et Ethers.js — étape par étape ! 🚀
Vous apprendrez à créer un système de vote décentralisé où les utilisateurs peuvent voter en toute sécurité, voir les résultats et vérifier la transparence sur la blockchain.
Horodatage
Aperçu 00:00:00
Configuration du projet 00:04:01
Contrat intelligent 00:16:20
Déployer le contrat 00:45:35
Partie Votant 00:51:10
Autoriser le votant 01:10:20
CSS Autoriser le votant 01:39:00
Contrat Autoriser le votant 01:52:10
Données des candidats 02:28:00
Page des candidats 02:32:49
Correction d'erreur 02:52:00
Rendu des données 03:00:00
Page d'accueil 03:03:20
CSS Page d'accueil 03:14:06
Composant NavBar 03:25:00
Tests 03:40:25
Tests finaux 03:56:00
🔹 Stack technique : Next.js, Solidity, Ethers.js, Hardhat, MetaMask
🔹 Fonctionnalités :
- Inscription des candidats et vote
- Affichage des résultats en temps réel
- Transparence des données basée sur la blockchain
- Connexion de portefeuille et interaction avec le contrat intelligent
- Interface Web3 entièrement responsive
Parfait pour les développeurs Web3 cherchant à maîtriser l'interaction avec les contrats intelligents et le déploiement de DApp dans un cadre de projet réel.
📦 Sujets abordés :
Écriture et déploiement du contrat intelligent de vote
Intégration d'Ethers.js avec le frontend Next.js
Connexion de MetaMask pour l'authentification des utilisateurs
Récupération et affichage des données on-chain
Déploiement de la DApp en production
#Web3 #Blockchain #VotingDApp #Nextjs #Solidity #Ethersjs #SmartContract #Crypto #Ethereum #DAppDevelopment #BlockchainProject
===================
HÉBERGEMENT
++++++++++++++++++++
Suivez-moi :