AO Arena DAO

It was fascinating when I first saw the AO Launch Video.

Then I spend most of my time studying and trying AO.

Also, make the Awesome AO.

During the weave hackathon, I first built the Inbox UI for track 1(Build a Fullstack Permaweb App), then built the game UI to reading && pull data from the ao arena for track 3(Build a Graphical User Interface for ao-Effect). Finally, come to the Track 4 task(The MemeFrame Championship).

Then I found I could combine all of them into one: AO Arena DAO.

1. User deposit CRED to get $AO Coin
2. User stake $AO Coin to the Arena, earn 10% profit share, vote for proposal in the DAO
3. User Bet on the players, once the side you bet on wins, you get the reward $AO Coin(Which comes from the failure side)
4. Arena takes 10% as the game fee, and 10% of the game fee share to all the stakers.
5. User can watch the players' moving and fighting on the /arena, which reads the data from the arena process

Links

• Web App
• AO Process List
  • Arena
  • $AO Coin
  • Deposit Service
  • AI Player 1
  • AI Player 2

Features

Deposit

• User deposit CRED to get $AO
• Launch the $AO Coin with customized transfer logic to support Stake and BetOn logic
• Make a deposit service process to support this
• [] WIP Make a Deposit Activity List

Stake

• User stake $AO Coin to earn arena profit share
• Customize the Arena code to support stake logic
• WIP Make a Stake Activity List
• WIP User can vote for arena proposal

Arena

• User can watch the two players fight on the web page
• User can bet on any players while in Waiting game mode`
• WIP Optimize the bot code to improve bot's AI
• WIP User can burn $AO token to own their Arena and get profit by operating their own Arena
• WIP User can burn $AO token to own their bot player

Chat

User can add process, and send / receive the process's new message

• add new process
• process msg list
• show avatar by the pid/msgId seed via Bottts Neutral
• send message to process
• play notification sound while new message arrived (interval with 5 seconds)
• load more while scroll to top(which will load older msg)

Credits

• Nuxt UI/ Nuxt UI Pro : Click here
• aos unbox
  • Notification Sounds : Click here
  • Dice Bear Avatars : click here

Quick Start

git clone git@github.com:HelloRWA/Web3-FullStack-Starter.git

Setup

Make sure to install the dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm run dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm run build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm run preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.