PnP Adapter Frontend

A modern, responsive frontend implementation for the PnP Protocol. This application provides a user-friendly interface to interact with Solana-based prediction markets using the PnP SDK.

Features

• Solana Wallet Integration: Seamlessly connect with popular Solana wallets (Phantom, Solflare, etc.).
• Market Interaction: Interface for viewing and interacting with prediction markets.
• Modern UI/UX: Built with React 19, Tailwind CSS, and Lucide icons for a premium feel.
• Fast Performance: Powered by Vite for near-instant hot module replacement (HMR).

🛠️ Tech Stack

• Framework: React 19
• Build Tool: Vite
• Styling: Tailwind CSS
• Icons: Lucide React
• Blockchain: Solana Web3.js
• Wallet Support: @solana/wallet-adapter
• SDK: PnP SDK

Getting Started

Prerequisites

• Node.js (v18 or higher)
• Bun (recommended) or NPM/Yarn

Installation

1. Clone the repository:

   git clone https://github.com/pnp-protocol/pnp-adapter-fe.git
   cd pnp-adapter-fe

2. Install dependencies:

   bun install
   # or
   npm install

3. Start the development server:

   bun run dev
   # or
   npm run dev

4. Open http://localhost:5173 in your browser.

Project Structure

• src/components: Reusable UI components.
• src/main.tsx: Application entry point.
• src/App.tsx: Main application layout and logic.
• vite.config.ts: Vite configuration with Polyfills for Node.js globals.

Building for Production

To create an optimized production build:

bun run build
# or
npm run build

The output will be in the dist/ directory.

License

This project is licensed under the MIT License.