This repository demonstrates how to build a basic Decentralized Application (DApp) using:
- Sample smart contracts written in Solidity
- A modern frontend interface to interact with the contracts
The goal is to help developers learn how to connect smart contracts deployed on a blockchain with a UI.
📁 contracts/
Solidity smart contracts (for example, token or storage contracts)
📁 pages/
Frontend code (likely using a framework like React or Next.js)
📄 package.json
Project configuration and dependencies
- Example Solidity contracts demonstrating key blockchain logic
- Frontend code that interacts with contracts
- Easy-to-follow learning project for beginners
Make sure you have the following installed:
- Node.js and npm
- Metamask (or any Web3 wallet) in your browser
- A local blockchain environment such as Hardhat, Ganache, or Remix
-
Clone the repository:
git clone https://github.com/Fuzzy-programmer/DappLearn.git cd DappLearn -
Install dependencies:
npm install
npm run build
npm startThis will start the app (e.g., on localhost:3000) so you can open it in your browser.
Use Metamask to connect your wallet to:
- A local blockchain (Hardhat/Ganache)
- Or a testnet (like Sepolia)
Once the frontend is running and your wallet is connected:
- Deploy the contracts
- Use the UI to call functions on them
- Write smart contracts in Solidity
- Test & deploy them on a local blockchain
- Use the frontend to interact with deployed contracts
This mimics how real-world DApps work.
- MetaMask Setup – How to connect MetaMask to Sepolia and Ganache
This project is licensed under the MIT License — see the LICENSE file for details.
Feel free to open issues, submit pull requests, or suggest improvements!
Happy learning 🚀
