Skip to content

rvs9/cryptoX

Repository files navigation

CryptoX This decentralized application (dApp) allows users to send Ethereum transactions, view their transaction history, and manage their wallet connection. Built with modern web technologies, this app provides a seamless experience for interacting with the Ethereum blockchain.

You can check it out here https://crypto-x-six.vercel.app/

If you found this project helpful, please give it a ⭐️!

-Features:

🔐 Connect MetaMask wallet 💰 View Ethereum balance 💸 Send Ethereum transactions 📜 View transaction history 📱 Responsive design 🔄 Real-time updates

-Technologies Used

React with Vite: For building a fast and efficient user interface. Tailwind CSS: For styling the application with a utility-first approach. Ethers.js: To interact with the Ethereum blockchain. Solidity: For writing smart contracts. Hardhat: A development environment for Ethereum smart contracts.

-Prerequisites: Before running the app, ensure you have the following:

Node.js and npm: Required to run the development server and manage packages. MetaMask: A browser extension to manage your Ethereum wallet and connect to the app.

-Getting Started:

-Clone the Repository:

git clone https://github.com/rvs9/cryptoX.git cd cryptoX

Install Dependencies:

npm install

-Set Up Environment Variables:

Create a .env file in the project root and add your environment variables:

Alchemy_API_Key = your_Alchemy_project_API_Key PRIVATE_KEY = your_MetaMask_private_key

-Compile and Deploy Smart Contract:

Use Hardhat to compile and deploy the smart contract to the Sepolia testnet.

-Run the App:

npm run dev

-Connect MetaMask:

Open the app in your browser. Click "Connect Wallet" and authorize the connection in MetaMask.

-Contributing: Contributions are welcome! Please fork the repository and submit a pull request for any improvements or bug fixes.

-This project uses the following main dependencies:

{ "dependencies": { "@nomiclabs/hardhat-ethers": "^2.2.3", "@nomiclabs/hardhat-waffle": "^2.0.6", "ethers": "^5.7.2", "hardhat": "^2.19.1", "react": "^18.2.0", "react-dom": "^18.2.0", "react-toastify": "^9.1.3", "tailwindcss": "^3.3.5" } }

For a complete list of dependencies, see package.json.

-Common Issues and Solutions:

MetaMask Connection If you're having trouble connecting to MetaMask:

Make sure MetaMask is installed and unlocked Connect to the correct network (Localhost 8545 for local development) Import a test account using private keys provided by Hardhat

-Contract Deployment If the contract deployment fails:

Ensure you have enough ETH in your account Check that your .env file is properly configured Verify the network configuration in hardhat.config.js

-Contributing: Contributions are welcome! Please feel free to submit a Pull Request.

-Fork the project Create your feature branch (git checkout -b feature/AmazingFeature) Commit your changes (git commit -m 'Add some AmazingFeature') Push to the branch (git push origin feature/AmazingFeature) Open a Pull Request

-License: This project is licensed under the MIT License - see the LICENSE file for details.

-Acknowledgments:

Hardhat Documentation Ethers.js Documentation React Documentation Tailwind CSS Documentation

-Contact: Your Name - @rajatsaraswat7 Project Link: https://github.com/rvs9/cryptoX

-Support: If you found this project helpful, please give it a ⭐️!

Releases

No releases published

Packages

No packages published