Four Meme Fork

A Next.js-based web application for creating and trading memecoins on Shibarium. Fork of the Four Meme platform UI.

Table of Contents

• Getting Started
  • Prerequisites
  • Installation
  • Running the Application
• Architecture Overview
• Environment Variables
• Available Scripts
• Contributing

Getting Started

Prerequisites

• Node.js (v18 or later recommended)
• Yarn or npm

Installation

1. Clone the repository:

   git clone https://github.com/soladdev/fourmeme-fork
   cd fourmeme-fork

2. Install dependencies:

   yarn install

Running the Application

1. Set up your environment variables (see Environment Variables section).

2. Start the development server:

   yarn dev

3. Open your browser and navigate to http://localhost:3000.

Architecture Overview

Four Meme Fork is built with:

• Next.js — React framework for server-side rendering and static site generation
• React — UI library
• Tailwind CSS — Utility-first styling
• Wagmi — React hooks for EVM chains
• RainbowKit — Wallet connection
• Viem — TypeScript-ready Ethereum interactions
• lightweight-charts — Data visualization

The app uses a component-based architecture with reusable UI components and hooks for blockchain state and interactions.

Environment Variables

Create a .env.local file in the root directory:

NEXT_PUBLIC_API_BASE_URL=your-backend-url
NEXT_PUBLIC_BONDING_CURVE_MANAGER_ADDRESS=your-contract-address
NEXT_PUBLIC_WS_BASE_URL=wss://your-backend-url
NEXT_PUBLIC_DOMAIN=https://your-domain.com
CHAINSAFE_API_KEY=your_chainsafe_api_key
CHAINSAFE_BUCKET_ID=your_chainsafe_bucket_id

Available Scripts

Script	Description
yarn dev	Start development server
yarn build	Build for production
yarn start	Start production server
yarn lint	Run ESLint
yarn typechain	Generate contract types from ABIs

Contributing

Contributions are welcome. Please open an issue or submit a pull request for any changes.

License

MIT