Tech Stack 🛠️
Frontend 🌐
NextJS:
The backbone of our interface, combining server-side rendering (SSR) for lightning-fast performance with client-side rendering (CSR) for dynamic updates.
Optimized for SEO and page speed to deliver smooth user experiences.
Tailwind CSS:
A utility-first CSS framework used to craft sleek, modern, and responsive designs.
Customized for pixel-perfect alignment, ensuring an intuitive UI.
Framer Motion:
Provides fluid animations and transitions for a visually engaging experience.
Backend 💾
Node.js:
Enables high-performance, non-blocking operations to handle real-time requests and data processing.
Next.js API Routes:
Simplified backend logic for fetching Solana blockchain data and calculating PNL in real-time.
Scalable architecture optimized for production workloads.
Blockchain Integrations 🔗
Solana Web3.js:
Directly interfaces with the Solana blockchain to fetch balances, transactions, and real-time data.
Ensures high reliability and low-latency interaction with the blockchain.
QuickNode RPC:
Powers fast and secure access to Solana nodes for seamless querying of wallet and transaction data.
Customized for low-latency and high-throughput performance.
Helius API:
Fetches additional Solana wallet metadata, ensuring comprehensive analysis of account activities.
Market Data Sources 📊
Jupiter Aggregator API:
Provides precise SOL price tracking in real-time, ensuring accurate PNL calculations.
Integrates fallback logic for alternative sources like CoinGecko and Binance APIs for redundancy.
DexScreener API:
Enhances insights with live market data and sentiment tracking for SOL and BTC.
Middleware and Enhancements ⚙️
React Query:
Streamlines asynchronous state management for fetching and caching PNL data.
Guarantees consistency across multiple components with auto-refetching mechanisms.
Typewriter.js:
Adds dynamic, engaging typewriter effects for promotional content on the UI.
Last updated