Four Meme Game

4MGAME is a gaming platform project based on the Four.meme platform.

four.meme

CHAIN

Binance Smart Chain

CHAIN ID

eip155:56

ICON COLOR

#202b42

SYMBOL

4MGAME

DECIMALS

16x16

32x32

48x48

64x64

16x16

32x32

48x48

64x64

IDENTIFIER

/eip155/56/0xbb44fbeb1bca7e032d34005791d1b99dfee187a9

README

4MGAME is a gaming platform project based on the Four.meme platform. The first mini-game we developed is now available on the official website and you can win more coins by participating in our games. More games will be added to the official website. Follow us on Twitter for more news.

npm add xmatter

app/eip155/56/0xbb44fbeb1bca7e032d34005791d1b99dfee187a9/page.tsx

import { XmatterClient } from "xmatter/client";
import { XmatterIcon } from "xmatter/next/server";

const xmatter = new XmatterClient("eip155");

export default async function Page() {
  const chainId = "56";
  const address = "0xbb44fbeb1bca7e032d34005791d1b99dfee187a9";
  const frontmatter = await xmatter.getFrontmatter(chainId, address);

  return (
    <div>
      <XmatterIcon
        client={xmatter}
        chainId={chainId}
        address={address}
        width={64} height={64}
        alt={`${frontmatter.name} Icon`}
        fallback={<div className="size-[64px] rounded-full bg-[#aaa]" />}
      />
      <h1>{frontmatter.name}</h1>
      <p>{frontmatter.symbol}: {frontmatter.decimals} decimals</p>
    </div>
  );
}

next.config.ts

import { RemotePattern } from "xmatter/next";

const nextConfig = {
  images: {
    remotePatterns: [RemotePattern],
  },
};