A modern Web3 application for interacting with the Seismic Blockchain through Privy React SDK with automatic network switching and integrated resources.
- 🔗 Automatic Seismic Connection - app automatically switches wallet to Seismic Network
- 🌐 Reliable Seismic Integration (Chain ID: 5124) with constant network monitoring
- 💼 All Wallet Support: MetaMask, Coinbase Wallet, WalletConnect, Rainbow
- 🚰 Built-in Resource Links: faucet for test tokens, explorer, documentation
- 📧 Email-based wallets - Privy embedded wallets
- 💸 Transaction Sending with real-time status tracking
- 🔐 Seismic Encryption Types - demonstration of encrypted data types
- 📱 Responsive Design for all devices
- ⚡ One-click Vercel Deployment
-
Fork this repository
-
Connect to Vercel:
- Go to vercel.com
- Click "New Project"
- Import your GitHub repository
- Add environment variable:
NEXT_PUBLIC_PRIVY_APP_ID=cmbhhu8sr00mojr0l66siei2z - Click "Deploy"
-
Done! Your app will be available at
your-project.vercel.app
# Install dependencies
npm install
# Create environment file
echo "NEXT_PUBLIC_PRIVY_APP_ID=cmbhhu8sr00mojr0l66siei2z" > .env.local
# Start dev server
npm run devThe application automatically:
- ✅ Detects wallet's current network
- ✅ Switches to Seismic Network on connection
- ✅ Monitors network changes in real-time
- ✅ Provides manual switch buttons
Seismic Devnet
├── Chain ID: 5124
├── RPC URL: https://node-2.seismicdev.net/rpc
├── Currency: SETH (Seismic ETH)
├── Explorer: https://explorer-2.seismicdev.net/
└── Faucet: https://faucet-2.seismicdev.net/- 🚰 Faucet: https://faucet-2.seismicdev.net/ - get test tokens
- 🔍 Explorer: https://explorer-2.seismicdev.net/ - view transactions
- 📚 Documentation: https://docs.seismic.systems/
- 🛠 Devnet Guide: https://docs.seismic.systems/appendix/devnet
- Frontend: Next.js 14, React 18
- Wallet Integration: Privy React SDK with extended configuration
- Blockchain: Ethers.js v6 with automatic network monitoring
- Styling: CSS3 with responsive design and dark Seismic theme
- Network: Automatic switching and network management
- Deployment: Vercel with optimized configuration
- ✅ MetaMask (recommended)
- ✅ Coinbase Wallet
- ✅ WalletConnect
- ✅ Rainbow Wallet
- ✅ Privy embedded wallets
- 🔄 Automatic switching to Seismic on connection
- 🌐 Real-time network monitoring
⚠️ Wrong network warnings- 🚰 Direct faucet links for test tokens
- 📊 Information dashboard with network details
- 💰 View SETH balance
- 📤 Send transactions on Seismic only
- 🔐 Demo encrypted data types (suint, saddress, sbool)
- 📊 Transaction history with detailed information
- 🔄 Automatic status updates
- Connect by clicking "Connect Wallet"
- Automatic switch to Seismic Network (or use Switch button)
- Get test tokens through built-in faucet link
- Send transactions with optional encryption
- Experiment with encrypted data types
- Track real-time history
// Extended configuration for Seismic
const privyConfig = {
appearance: {
accentColor: '#6A6FF5',
theme: 'light',
showWalletLoginFirst: true,
},
loginMethods: ['wallet', 'email'],
defaultChain: seismicNetwork,
supportedChains: [seismicNetwork], // Seismic only
externalWallets: {
metamask: true,
coinbaseWallet: true,
walletConnect: true,
rainbow: true,
},
chainConfig: {
[seismicNetwork.id]: {
rpcTarget: 'https://node-2.seismicdev.net/rpc',
chainId: 5124,
networkName: 'Seismic Devnet',
},
},
};seismic-experience/
├── pages/
│ ├── _app.js # Privy Provider with Seismic configuration
│ └── index.js # Main page with automatic switching
├── styles/
│ └── globals.css # Styles with Seismic theme
├── SEISMIC_SETUP.md # Seismic setup instructions
├── package.json # Dependencies
├── next.config.js # Next.js configuration
├── vercel.json # Vercel settings
└── README.md
After connecting to Seismic Network:
- Copy wallet address from the app
- Go to faucet
- Paste address and request tokens
- Wait for SETH to arrive in balance
💡 The app has direct faucet link and low balance warnings!
# Required
NEXT_PUBLIC_PRIVY_APP_ID=your_privy_app_id
# Optional (already configured)
NEXT_PUBLIC_SEISMIC_RPC_URL=https://node-2.seismicdev.net/rpc
NEXT_PUBLIC_SEISMIC_EXPLORER_URL=https://explorer-2.seismicdev.net/
NEXT_PUBLIC_SEISMIC_CHAIN_ID=5124Если при подключении кошелька Rabby появляется диалог с подозрительным прокси-сервером (например, zagent802.kbz0pixvxmv.com:22222), это означает поддельную версию кошелька. НЕ ВВОДИТЕ данные!
- 📖 Полное руководство: WALLET_SECURITY_GUIDE.md
- 🔧 Технические проблемы: WALLET_TROUBLESHOOTING.md
- ✅ Рекомендация: Используйте MetaMask для максимальной безопасности
-
Wallet won't connect
- Ensure MetaMask is installed
- Check correct Privy App ID
-
Transactions won't send
- Check SETH balance
- Verify recipient address is correct
-
Balance not showing
- Check Seismic RPC connection
- Refresh the page
Vercel dashboard provides:
- 📊 Performance analytics
- 📋 Deployment logs
- 🔍 Real-time functions
- 📱 Mobile optimization
- Fork the repository
- Create a feature branch
- Make your changes
- Create a Pull Request
MIT License - see LICENSE
🎮 Start playing on Seismic right now!
The application now supports type-safe data encryption according to Seismic specifications:
suint8- Encrypted 8-bit integer (0-255)suint16- Encrypted 16-bit integer (0-65,535)suint32- Encrypted 32-bit integer (0-4,294,967,295)saddress- Encrypted Ethereum address (format: 0x + 40 hex characters)sbool- Encrypted boolean value (true/false)
✅ Real-time type checking - input data validated according to type specification ✅ Automatic encoding - values encoded according to Seismic protocol ✅ Visual feedback - users see validation errors and hints ✅ Type safety - impossible to encrypt data with wrong type
// For suint8: only numbers from 0 to 255
Input: "42" → Encoded: "0x2a" → Encrypted: "0x..." (TDX)
// For saddress: only valid Ethereum addresses
Input: "0x742d35Cc..." → Encoded: "0x742d35cc..." → Encrypted: "0x..." (TDX)
// For sbool: only true/false
Input: "true" → Encoded: "0x01" → Encrypted: "0x..." (TDX)- Input validation before encryption
- Proper encoding according to Seismic specifications
- Informative result display with type details
- Auto-clearing fields when changing encryption type
- Improved UX with hints and examples
All encrypted types use Intel TDX secure enclaves for confidentiality according to Seismic architecture.
Current implementation is a type-safe emulation of Seismic encrypted types. Here's the plan for transitioning to real blockchain:
# Install Seismic development tools
curl -L -H "Accept: application/vnd.github.v3.raw" \
"https://api.github.com/repos/SeismicSystems/seismic-foundry/contents/sfoundryup/install?ref=seismic" | bash
# Connect to Seismic devnet
# Deploy real encrypted contractsRequirements:
- ✅ Seismic devnet available
- ✅ sfoundryup development tools
- ❌ Intel TDX cloud infrastructure
- ❌ Production-ready encrypted types
# Cloud providers with TDX support:
- Azure Confidential Computing (TDX preview)
- AWS Nitro Enclaves (TDX planned)
- Google Cloud Confidential VMsRequirements:
- ⏳ TDX cloud availability
- ⏳ Seismic mainnet launch
- ⏳ Production security audits
// Real encrypted types in production
pragma solidity ^0.8.0;
contract RealEncryptedVoting {
saddress private voter;
suint32 private encryptedVote; // Really encrypted!
sbool private hasVoted;
function castVote(suint32 _vote) public {
// Real encryption on Intel TDX
encryptedVote = _vote;
voter = saddress(msg.sender);
hasVoted = true;
}
}- Side-channel attacks: Heckler, memory blocking
- Hardware dependencies: Special CPUs required
- Trust assumptions: Intel as root of trust
- v0 release: Storage encryption only
- Missing features: Full memory encryption, UX optimizations
- Performance: "Default all encrypted" affects speed
# Estimated TDX infrastructure costs:
# Azure Confidential Computing: $0.50-2.00/hour
# Specialized TDX instances: $1000-5000/month
# Development setup: Requires dedicated hardwareTo prepare for real Seismic:
-
Seismic Devnet Testing
# Test on Seismic devnet git clone https://github.com/SeismicSystems/try-devnet.git cd try-devnet bash script/deploy.sh
-
Intel TDX Research
- Study TDX security model
- Test on TDX-enabled cloud
- Analyze side-channel mitigations
-
Application Architecture
- Prepare for hybrid encrypted/transparent data
- Optimize for TDX performance constraints
- Plan secure key management
Emulation VS Reality:
- ✅ Now: Type-safe emulation for learning concepts
- ⏳ 2025: Seismic devnet for testing
- 🎯 2026: Production-ready encrypted dApps
Our demo application is excellent preparation for the future where users can really encrypt data on blockchain!
alexanderblv
- 📁 GitHub: https://github.com/alexanderblv/Seismic-Experience
- 🐦 X (Twitter): https://x.com/alexanderblv
Built with ❤️ for the Seismic blockchain ecosystem