Pump.fun UI

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

If you're interested in having the Pump.fun smart contract access or have any doubts, please reach out to me through the following contacts:

• Telegram 📱
• Discord 🎮

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 https://github.com/sinniez/Pumpfun-UI
   cd Pumpfun-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=backend-url
NEXT_PUBLIC_BONDING_CURVE_MANAGER_ADDRESS="contract-address"
NEXT_PUBLIC_WS_BASE_URL=https://backend-url
CHAINSAFE_API_KEY=your_chainsafe_api_key
CHAINSAFE_BUCKET_ID=your_chainsafe_bucket_id