This is the frontend for the Maxxit Investment Platform, which allows users to connect their wallet and deposit/withdraw funds.
- Install dependencies:
yarn install- Create a
.env.localfile in the root directory with the following environment variables:
# WalletConnect Project ID (Get from https://cloud.walletconnect.com/)
NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=YOUR_WALLETCONNECT_PROJECT_ID
# Contract address on Sepolia network
NEXT_PUBLIC_CONTRACT_ADDRESS=YOUR_DEPLOYED_CONTRACT_ADDRESS
- Run the development server:
yarn devTo deploy the MaxxitInvestmentWallet contract to the Sepolia network:
- Install Hardhat and OpenZeppelin contracts:
npm install --save-dev hardhat @nomicfoundation/hardhat-ethers ethers dotenv @openzeppelin/contracts- Create a
.envfile in the root directory with the following:
PRIVATE_KEY=your_wallet_private_key
SEPOLIA_RPC_URL=your_sepolia_rpc_url
- Create the necessary directories:
mkdir -p contracts scripts- Deploy the contract:
npx hardhat run src/scripts/deploy-contract.js --network sepolia- Update your
.env.localfile with the deployed contract address.
- Connect wallet using RainbowKit
- Deposit ETH to the investment contract
- Withdraw funds with minimal fees
- View investment balance and transaction history
- Secure smart contract management
The smart contract for this platform is deployed on the Sepolia network. The contract includes:
- Deposit functionality
- Withdrawal with configurable fees
- Balance tracking
- Admin controls
- Next.js
- RainbowKit
- wagmi
- Tailwind CSS
- Ethereum (Sepolia testnet)
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.