A React-based web application for simulating Ethereum transactions on the Sepolia testnet using the Tatum API. The application provides a matrix-style interface for estimating gas costs for both native ETH and ERC20 token transfers.
- 🎨 Matrix-style UI with green-on-black theme
- 💰 Support for both native ETH and ERC20 token transfers
- 🔍 Real-time gas estimation
- 📊 Detailed gas price breakdowns (Safe, Standard, Fast)
- 💵 Transaction cost estimates in ETH
- 🌐 Sepolia testnet integration
- Node.js (v14 or higher)
- npm or yarn
- Tatum API key
- Clone the repository:
git clone https://github.com/obscureozy/tatum-tx-simulator.git
cd tatum-tx-simulator- Install dependencies:
npm install- Create a
.envfile in the root directory and add your Tatum API key:
REACT_APP_TATUM_API_KEY=your-api-key-here
- Start the development server:
npm start-
Open http://localhost:3000 in your browser.
-
Choose between Native ETH or ERC20 Token transfer simulation.
-
Enter the required details:
- For Native ETH: From Address, To Address, and Value in Wei
- For ERC20: From Address, To Address, Token Amount, and Token Contract Address
-
Click "Simulate" to get gas estimates and transaction costs.
The application uses the Tatum API for gas estimation:
- Endpoint:
https://api.tatum.io/v3/ethereum/gas - Method: POST
- Headers:
x-api-key: Your Tatum API keyContent-Type: application/json
The API returns gas estimates in the following format:
{
"gasLimit": "21800",
"gasPrice": "1853943",
"estimations": {
"safe": "1853943",
"standard": "1853943",
"fast": "1853943",
"baseFee": "1853943"
}
}- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Tatum for providing the API
- React for the frontend framework
- Styled Components for styling