Predict Market DApp

🚀 Project Overview

Predict Market DApp is a blockchain-based decentralized prediction market built with Next.js, React.js, TailwindCSS, Hardhat, and Solidity. Users can connect their wallets, create prediction markets, place bets, and claim rewards. Admins can announce results after the deadline, while the platform collects a service fee from the prize pool.

⚠️ Note: This is an MVP (Minimum Viable Product) version. Future iterations will introduce enhanced automation, decentralization, and scalability.

🎨 UI Style: The application adopts a cyberpunk pixel-art aesthetic, featuring retro-futuristic visuals and immersive animations.

---

🛠 Tech Stack

• Frontend Framework: Next.js, React.js
• Styling Library: TailwindCSS
• Smart Contract Development: Hardhat, Solidity
• Blockchain Network: Ethereum (or local test networks like Hardhat Network)
• Wallet Integration: MetaMask or other Ethereum-compatible wallets

---

🔥 Key Features

1. Wallet Connection: Users can connect their Ethereum wallets (e.g., MetaMask) to the DApp.
2. Create Prediction Markets: Users can pay a fee to create a prediction event and set options.
3. Place Bets: Users can bet on available options under a prediction market.
4. Announce Results: Admins can manually declare the outcome after the deadline.
5. Claim Rewards: Winners can claim rewards from the prize pool.
6. Service Fee Collection: The platform collects a fee from the prize pool.

---

📂 Project Structure

/predict-market-dapp
├── /contracts               # Solidity smart contracts
├── /scripts                 # Hardhat deployment scripts
├── /test                    # Smart contract tests
├── /pages                   # Next.js pages
├── /components              # React components
├── /styles                  # TailwindCSS styles
├── /public                  # Static assets
├── hardhat.config.js        # Hardhat configuration file
├── next.config.mjs          # Next.js configuration file
├── tailwind.config.js       # TailwindCSS configuration file
└── README.md                # Project README file

---

📦 Installation and Setup

1️⃣ Clone the Repository

git clone https://gitee.com/alan223/prediction-market.git
cd predict-market-dapp

2️⃣ Install Dependencies

npm install

3️⃣ Start the Development Server

npm run dev

4️⃣ Deploy Smart Contracts (Localhost)

npx hardhat run scripts/deploy.js --network localhost

5️⃣ Run Tests

npx hardhat test

---

🎮 How to Use

1. Connect Wallet: Open the DApp and click "Connect Wallet" to link your Ethereum wallet.
2. Create Prediction Market: Click "Create Issue," enter event details, pay the fee, and publish.
3. Place Bets: Choose an option under an active prediction market and place a bet.
4. Resolve Results: Admins declare results once the deadline is reached.
5. Claim Rewards: Winning users can withdraw their earnings.
6. Service Fee Collection: The platform takes a commission from the prize pool.

---

📸 UI Previews

---

📈 Future Enhancements

• 🔗 Multi-Chain Support: Expand to Polygon, BSC, and other blockchains to optimize gas fees and performance.
• 🌉 Cross-Chain Interoperability: Utilize cross-chain solutions (e.g., Polkadot, Cosmos) for seamless asset transfers.
• 🤖 Decentralized Oracles: Automate result verification using oracles like Chainlink.
• 🎭 NFT Integration: Create NFTs for prediction events and winning records.
• 💬 Social Features: Add comments, likes, and sharing to increase engagement.
• 🛡 Governance Mechanism: Implement DAO governance to enhance decentralization.
• ⚡ Layer 2 Scaling: Integrate Optimism or Arbitrum for lower fees and higher throughput.
• 🌎 Multi-Language Support: Attract a global audience with multilingual support.
• 📱 Mobile Optimization: Develop a mobile-friendly PWA or native app.
• 📊 Data Analytics & Visualization: Provide insightful analytics and market trends for users.

---

❗ Known Issues

• 🚨 Credit Issues: Currently, project sponsor credibility concerns need to be addressed.