Pump Fun UI

Pump Fun UI is a Next.js-based web application for interacting with the Pump Fun platform.

Table of Contents

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

Getting Started

Prerequisites

• Node.js (version 14 or later)
• Yarn package manager

Installation

1. Clone the repository:

   git clone https://github.com/redWilly/Pump-UI
   cd Pump-UI
   

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

Pump Fun UI is built using the following technologies and frameworks:

• Next.js: React framework for server-side rendering and static site generation
• React: JavaScript library for building user interfaces
• Tailwind CSS: Utility-first CSS framework for styling
• Ethers.js: Library for interacting with Ethereum
• RainbowKit: Ethereum wallet connection library
• Wagmi: React hooks for EVM chains
• lightweight-charts: Charting libraries for data visualization

The application follows a component-based architecture, with reusable UI components and hooks for managing state and interactions with the blockchain.

Environment Variables

Create a .env.local file in the root directory with the following variables:

NEXT_PUBLIC_API_BASE_URL=
NEXT_PUBLIC_BLOCKSCOUT_URL=
NEXT_PUBLIC_BONDING_CURVE_MANAGER_ADDRESS=
NEXT_PUBLIC_BONDING_CURVE_MANAGER_ADDRESS_OLD=
NEXT_PUBLIC_BONDING_CURVE_MANAGER_ADDRESS_OLD1=
NEXT_PUBLIC_DEX_TARGET=
NEXT_PUBLIC_DOMAIN=
NEXT_PUBLIC_WS_BASE_URL=
UPLOADTHING_TOKEN=

NEXT_PUBLIC_BONDING_CURVE_MANAGER_ADDRESS_OLD & NEXT_PUBLIC_BONDING_CURVE_MANAGER_ADDRESS_OLD1 are for compatibility with old contracts

🚀 Looking to build a platform like Pump.fun?

I've made the UI open-source, but the backend and smart contract are closed-source. If you're interested in creating a full-fledged Pump.fun-like platform, let's collaborate! Contact me on Telegram (RedWilly) for more details.