☄️ Frontrun.ai Demo - Solana Trading Platform

Demo app features

• Review PUMP, JUP and WLFI tokens stats
• Connect solana wallet and check user balances
• Buy tokens on Solana network using Jupiter API
• Review real-time price charts
• Seamless access to all the above on Desktop and Mobile

Stack

• Node v22.12
• Next.js + React + TypeScript
• Tailwind CSS 4
• Solana Web3.js
• TanStack Query
• Lightweight Charts
• Jupiter Swap API
• Helius data API + Helius RPC
• Github pipelines

Structure

app/
├── (routes)/         # Next.js pages
├── components/       # React components
├── hooks/            # React hooks
├── utils/            # Utility functions
├── types/            # Response types definitions
├── config/           # Settings, constans values
└── icons/            # SVGs

Local setup

npm install
npm run dev

Environment variables:

NEXT_PUBLIC_API_HOST=
NEXT_PUBLIC_JUPITER_API_HOST=
NEXT_PUBLIC_SOLANA_RPC_URL==

Limitations

1. Components structure is relatively flat. It should be worth to add storybook development environment and nest children in the parents directories.
2. Buy transaction mutation can be used to refetch user balance.
3. .env should be removed from the repository (left here to speed up the review).
4. Homepage can display more info on a small mobile screen (adjust tiles size to a smaller screens).
5. To improve application resilience, we can add fallback RPC in case default one fails.
6. At least buy transactions and amount transformations should be covered with unit tests.
7. Display real P&L