Mars WTF Frontend

A high-performance Web3 platform for Mars WTF meme token, built on Next.js and primarily deployed on Base Network. Features seamless NFT minting, real-time blockchain data integration, and an interactive presale dashboard. The platform leverages RainbowKit for multi-wallet connectivity, custom smart contract interactions, and IPFS/Pinata for decentralized NFT storage.

Tech Stack

• Next.js
• TypeScript
• RainbowKit for wallet connections
• Wagmi for blockchain interactions
• IPFS/Pinata for NFT storage
• Vercel for deployment

Features

• Wallet Integration with multiple providers
• NFT Minting Interface
• Top Holders Leaderboard
• Real-time Token Statistics
• Custom Toast Notifications
• Lazy Loading Images
• Responsive Design

Environment Setup

1. Clone the repository:

git clone https://github.com/top0329/mars-wtf-frontend.git

2. Install dependencies:

npm install

3. Configure environment variables: Create a .env.local file with:

NEXT_PUBLIC_ENABLE_TESTNETS=true

Development

Run the development server:

npm run dev

Access the development site at http://localhost:3000

Smart Contract Addresses

• Base Network: 0xD76e5a10702156c4155443EC93Ff634b6F12a312
• Sepolia Network: 0x10B70F96Eccba753231D853157386579301622eF

API Integration

The backend API is hosted at: https://mars-backend-t22d.vercel.app/api

Production Deployment

This project is optimized for deployment on Vercel. Follow these steps:

1. Connect your repository to Vercel
2. Configure environment variables
3. Deploy

Contributing

1. Fork the repository
2. Create a feature branch
3. Commit changes
4. Push to the branch
5. Open a Pull Request

License

MIT License

Support

For technical support or inquiries, please open an issue in the repository.