⚡ Raiku - Blockspace Stock Market

Raiku is a high-fidelity, institutional-grade dashboard for trading Solana execution slots as financial assets. It reimagines blockspace not just as a utility, but as a tradable commodity. The interface combines the best elements of professional trading terminals (like Binance), DEX aggregators (like Dexscreener), and traditional stock exchange orderbooks, tailored specifically for the high-frequency nature of Solana blockspace.

---

🚀 Features

• 🎯 Trading Dashboard: A comprehensive terminal to buy, sell, and reserve Solana execution slots with precision.
• 📊 Real-time Analytics: Live slot price history, dynamic market depth, and liquidity charts powered by Recharts.
• ⚡ High-Frequency Execution: Native support for JIT (Just-In-Time) and AOT (Ahead-Of-Time) transaction strategies.
• 🔍 Deep Analytics: Advanced metrics including congestion forecasts, MEV risk scores, and slot liquidity analysis.
• 💼 Institutional-Grade UI: A sleek, dark-mode interface designed for professional traders, featuring a custom neon theme.
• 🔐 Wallet Integration: Seamless connectivity with major Solana wallets: Phantom, Solflare, Backpack, and Ledger.
• 📈 Markets Overview: A dedicated page to filter, sort, and explore available slot markets.
• 📚 Documentation: Integrated documentation with search functionality for easy navigation.

---

🛠️ Tech Stack

Category	Technology	Description
Framework		React framework with App Router for server-side rendering and routing.
Language		Statically typed JavaScript for robust and scalable development.
Styling		Utility-first CSS framework for rapid and custom UI design.
State Management		Small, fast, and scalable bearbones state-management solution.
Charts		Redefined chart library built with React and D3.
Icons		Beautiful & consistent icon toolkit.
Animations		Production-ready motion library for React.

---

🏁 Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/0xsupremedev/raiku.git
   cd raiku

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open the app: Navigate to http://localhost:3000 (or the port shown in your terminal).

Realtime Configuration

The dashboard defaults to mock realtime data for development. To enable live Solana feeds:

1. Copy env.example to .env.local.
2. Set NEXT_PUBLIC_REALTIME_MODE=live.
3. Provide your Solana RPC endpoints.

NEXT_PUBLIC_REALTIME_MODE=live
NEXT_PUBLIC_SOLANA_RPC_URL=https://api.mainnet-beta.solana.com
NEXT_PUBLIC_SOLANA_RPC_WS_URL=wss://api.mainnet-beta.solana.com

---

📂 Project Structure

raiku/
├── app/                    # Next.js App Router
│   ├── dashboard/          # Main trading terminal
│   ├── docs/               # Documentation with search
│   ├── markets/            # Markets overview & filtering
│   ├── timeline/           # Slot timeline visualization
│   └── ...
├── components/             # Reusable React components
│   ├── docs/               # Documentation specific components
│   ├── Navbar.tsx          # Global navigation
│   ├── TradingPanel.tsx    # Core trading interface
│   └── ...
├── lib/                    # Utilities and services
│   ├── api/                # API services (MarketService)
│   ├── realtime/           # Realtime data handling
│   └── ...
├── stores/                 # Zustand state stores
│   ├── marketStore.ts      # Market data state
│   ├── walletStore.ts      # Wallet connection state
│   └── ...
└── public/                 # Static assets

---

🎨 Design System

The UI is built on a custom Cyberpunk / Neon aesthetic:

• 🟣 Neon Purple (#a855f7): Primary actions and highlights.
• 🔵 Neon Cyan (#06b6d4): Secondary accents and information.
• 🟢 Trading Green (#22c55e): Buy orders, positive trends.
• 🔴 Trading Red (#ef4444): Sell orders, negative trends.
• ⚫ Obsidian (#0a0a0f): Deep background for contrast.

---

📄 License

This project is licensed under the ISC License.

---

_{Built with ❤️ by 0xsupremedev}