Krypt - Web3 Crypto Transaction DApp

A decentralized cryptocurrency transaction application built using React, Solidity, Ethereum, and MetaMask. The platform enables users to connect their crypto wallets and send Ethereum transactions through a modern and responsive Web3 interface.

---

🚀 Features

• Connect MetaMask wallet
• Send Ethereum transactions
• Smart contract integration
• Real-time transaction handling
• Responsive modern UI
• Web3 wallet authentication
• Ethereum blockchain interaction
• React-based frontend architecture

---

🛠️ Tech Stack

Frontend

• React.js
• JavaScript (ES6+)
• CSS3
• Tailwind CSS

Blockchain

• Solidity
• Ethereum
• MetaMask
• Ethers.js

Development Tools

• Git
• GitHub
• Hardhat (Optional)
• Vite / Create React App

---

📸 Screenshots

Home Page

Wallet Connection

Transaction Form

---

⚙️ How It Works

1. User connects MetaMask wallet.
2. Frontend requests wallet authorization.
3. Smart contract interaction is initialized using Ethers.js.
4. User enters:
   • Receiver Address
   • Amount (ETH)
   • Keyword
   • Message
5. Transaction is signed through MetaMask.
6. Ethereum transaction is broadcast to the blockchain.
7. Transaction hash is returned and stored.

---

🔧 Installation

Clone Repository

git clone https://github.com/yourusername/krypt.git
cd krypt

Install Dependencies

npm install

Run Development Server

npm run dev

or

npm start

---

🦊 MetaMask Setup

1. Install MetaMask browser extension.
2. Create or import a wallet.
3. Connect to Ethereum Sepolia Testnet.
4. Obtain test ETH from a faucet.
5. Click Connect Wallet in the application.

---

🔐 Smart Contract

The application interacts with an Ethereum smart contract responsible for:

• Storing transaction metadata
• Recording messages and keywords
• Managing transaction history
• Verifying transaction execution

Example transaction data:

{
  "addressTo": "0x123...",
  "amount": "0.01",
  "keyword": "gift",
  "message": "Happy Birthday"
}

---

🌐 Future Enhancements

• Transaction history dashboard
• Wallet balance display
• Multi-chain support
• NFT transfers
• Gas fee estimation
• Transaction analytics
• WalletConnect integration

---

🎯 Learning Outcomes

This project demonstrates:

• Web3 fundamentals
• Ethereum smart contract integration
• Wallet authentication using MetaMask
• Frontend and blockchain communication
• Decentralized application (DApp) architecture
• Ethers.js usage

---