hackquest logo

LootArena

Innovative Web3 gaming on Flow Testnet! Features multiplayer Slither.io, Wordle, and chance games. Earn LTK tokens with gas-efficient batch rewards

Video

Sự miêu tả

🔗 Smart Contract & Live App

Live App (Flow Testnet): https://lootarena.vercel.app/
LootToken (LTK) Contract Address: 0x506B41359218BCac5B648b78a56cA315365487ec
Network: Flow EVM Testnet (Chain ID: 545) — powered by Flow’s fast, low-fee blockchain

🎮 What is Loot Arena?

Loot Arena is a Web3 mini-games platform built entirely on the Flow EVM Testnet, where players earn a native ERC-20 token (LTK – LootToken) by playing both skill-based and chance-based games.
All gameplay is on-chain, rewards are tokenized, and players interact using Web3 wallets like MetaMask via RainbowKit — with zero gas costs thanks to Flow Testnet.
#BuildOnFlow


💡 Why I Built This

The project was built to explore Play-to-Earn mechanics, UI/UX for blockchain games, and gas-efficient reward flows using Flow’s EVM environment.
Most P2E platforms are either too expensive on Ethereum or too centralized off-chain — this project solves both by deploying fully on Flow Testnet, giving free access + real blockchain learning value.

It also demonstrates:

✅ Smart contract deployment on Flow EVM Testnet
✅ Full-stack Web3 integration (Next.js + Wagmi + RainbowKit)
✅ Real-time multiplayer with Socket.io
✅ Pending reward batching for gas-free claims on Flow
✅ Token economy (entry fees → rewards → withdrawable balance)

Built for builders. Powered by Flow. 💚


🛠️ Tech Stack Overview

Layer

Tech

Frontend

Next.js 15, TypeScript, Tailwind, Shadcn UI, Framer Motion

Web3

Wagmi, Viem, RainbowKit, Flow Testnet RPC

Smart Contract

Solidity ERC-20 (OpenZeppelin) — deployed on Flow EVM

Backend (Multiplayer)

Node.js + Socket.io (60 FPS tick loop)

Token

LootToken (LTK) – Mintable test token on Flow Testnet

Designed for Flow Testnet. Ready for Flow Mainnet.


🏗️ System Diagram (High-Level)
(Flow-powered architecture, no gas friction, full WalletConnect support)

                ┌──────────────────────────┐
                │  User (Browser + Wallet) │
                └──────────────┬───────────┘
                               │
                      WalletConnect / RainbowKit
                               │
                     wagmi + viem (contract calls)
                               │
     ┌───────────────────────────────────────────────────┐
     │                  Flow EVM Testnet                 │
     │  ┌─────────────────────────────────────────────┐  │
     │  │  LootToken (ERC-20) Smart Contract          │  │
     │  │  - mint()   - transfer()   - balanceOf()    │  │
     │  └─────────────────────────────────────────────┘  │
     └───────────────────────────────────────────────────┘
                               │
                               │ gameplay reward sync
                               ▼
                      Pending Reward System
                               │ claim()
                               ▼
                        User Token Balance

Zero gas fees — courtesy of Flow Testnet
Fast confirmations — Flow EVM network
Instant faucet access for new users


Current Games

Game

Type

Entry

Max Reward

Notes

Wordle

Skill

5 LTK

25 LTK

Reward scales by guesses

Slither.io

Multiplayer

10 LTK

200 LTK

Real-time WebSocket server

Dice Roll

Chance

2 LTK

4 LTK

Win on 1 or 6

Coin Flip

Chance

3 LTK

6 LTK

Heads or Tails

Slots

Chance

5 LTK

25 LTK

Symbol matching

🟢 All payouts and balances are on-chain via Flow EVM.


🚀 Key Features

🔗 Web3 login with automatic Flow Testnet network switching
💰 Daily claim: 100 LTK free every 24h (via Flow faucet)
🎁 Pending rewards (batch claim → fewer tx, free gas)
⚡ Real-time multiplayer logic
🧩 Modular game architecture inside /app/games/*
🎨 Animated UI (Framer Motion + Tailwind)
📦 Bun-powered dev environment
💚 Fully deployed on Flow Testnet, not local devnet


🔐 Security Notes (Testnet Build Only)

  • mint() is intentionally public for demo faucet rewards

  • RNG in chance games is client-side (VRF upgrade planned)

  • No access control / pausing system yet

  • Gas = free → Flow Testnet faucet handles funds


🛣️ Roadmap Snapshot

Phase

Status

Phase 1 – Token + 5 games + UI + deployment

✅ Done (Flow Testnet live)

Phase 2 – Leaderboard + NFT Achievements

🔄 In progress

Phase 3 – Flow Mainnet launch + Tournaments + DAO

⏳ Planned


💚 Built for builders. Powered by the Flow blockchain.
Fast, scalable, no gas friction — perfect for Web3 gaming.
#BuildOnFlow #FlowTestnet #FlowEVM

Tiến độ hackathon

80

Công nghệ sử dụng

React
Next
Web3
Ethers
Solidity
Node

Trạng thái huy động vốn

0

Trưởng nhóm
AAk Ak
Mã nguồn mở
Ngành
GamingSocialFiOther