KryptNetwok is a decentralized application (DApp) that enables users to transfer Ethereum securely from one MetaMask wallet to another. Leveraging React for the frontend and Ethereum smart contracts for the backend, KryptNetwok ensures transparent and reliable transactions on the blockchain.
- Secure Transfers: Safely send Ethereum between MetaMask wallets using smart contracts.
- User-Friendly Interface: Intuitive React-based UI for easy wallet connection and transaction handling.
- Transaction History: View all past transactions with detailed information.
- Real-time Feedback: Receive instant updates on transaction status.
- Frontend: React, Tailwind CSS
- Blockchain: Ethereum, Ethers.js
- Smart Contracts: Solidity, Hardhat
- APIs: Giphy API for enhancing UI with GIFs based on transaction keywords
- Node.js installed on your machine.
- MetaMask extension installed in your browser.
- An Ethereum wallet with some test ETH on the Sepolia network.
-
Clone the Repository
git clone https://github.com/yourusername/kryptnetwok.git cd kryptnetwok/client
-
Install Dependencies
npm install
-
Configure Environment Variables
Create a
.env
file in theclient
directory and add your Giphy API key:VITE_GIPHY_API=your_giphy_api_key
-
Start the Application
npm run dev
The application will be running at
http://localhost:5173
by default.
-
Navigate to the Smart Contract Directory
cd ../smart_contract
-
Install Dependencies
npm install
-
Deploy Contracts
The smart contract is deployed on alchemy so create a wallet project on alchemy and paste the Alchemy api key in
hardhat.config.js
Also generate theprivate key
in yourMetaMask
account The below command will deploy your smart contract toalchemy
npx hardhat ignition deploy ./ignition/modules/Token.js --network sepolia
-
Update Frontend Constants
After deployment, update the
contractAddress
andcontractABI
in/client/src/utils/constants.js
with the deployed contract details.
-
Connect Wallet
Open the application and click on the "Connect Wallet" button to link your MetaMask account.
-
Transfer Ethereum
Fill in the recipient's address, the amount of ETH to send, a keyword for the GIF, and an optional message. Click "Send now" to execute the transaction.
-
View Transactions
All transactions will appear in the "Latest Transactions" section, complete with details and related GIFs.
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.
This project is open-source and available under the MIT License.