-
-
Save luckysitara/90b3c5587a6137831658a92ad9826166 to your computer and use it in GitHub Desktop.
| location wasn't included in the ip analysis output( and also if the analysis return the latitude and longitude of the location is there a way we can add a map feature using google map to view the location? ) and the result instead of being displayed in the same page can have a different page for it just like pii intelligence result page | |
| https://v0.app/chat/sentinel-6pqhUTAgEUc | |
| AIzaSyCoNJkO0GhoeY2uy6NPzxeVF0GxZvy33qI |
Build a complete Solana wallet analysis platform called Piflepath inspired by Solscan.io with the following features:
Brand & Design
- Brand name: Piflepath
- Use Solscan-inspired color scheme: Deep purple (
#9945ff), cyan (#00d4ff), neon green (#14f195), and dark backgrounds - Modern, professional, data-focused UI matching Solscan.io aesthetic
- Responsive design optimized for mobile and desktop
Authentication & Wallet Connection
- Solana wallet connection using Phantom, Solflare, and other popular wallets
- Simplified "Connect Wallet" button with dropdown menu for wallet selection
- Use Solflare/Phantom wallet address as user identifier
- Wallet authentication for accessing dashboard and API features
Core Features
1. Wallet Search & Analysis
- Input field for searching any Solana wallet address
- Real-time validation of Solana base58 addresses (32-44 characters)
- Integration with Solscan API endpoints to fetch real wallet data
- Display wallet analysis on landing page without requiring login
2. Wallet Details Display(Similar to Solscan.io)
-
Balance Overview: Show SOL balance with 24h change percentage
-
Token Holdings: Display all SPL tokens in wallet with prices and value changes
-
Transaction History: Show recent transactions with:
-
Transaction type (send, receive, swap, stake)
-
Amount and token involved
-
Timestamps and status
-
Links to view on blockchain explorer
-
Portfolio Analytics:
-
7-day trading volume chart
-
Portfolio allocation pie chart
-
Token breakdown by percentage
-
Transaction type distribution
-
Summary Stats: Total balance, token count, transaction count
3. Dashboard (For Connected Users)
- Show wallet statistics and holdings
- Quick access to analyze other wallets
- Export wallet report functionality
- Real-time portfolio performance
4. Subscription & Monetization
-
Three subscription tiers:
-
Free: Limited API calls, basic wallet analysis
-
Pro: 0.5 SOL/month, higher API rate limits, advanced analytics
-
Enterprise: 2 SOL/month, unlimited API calls, priority support
-
Solana blockchain payments (using connected wallet for payment)
-
Subscription management dashboard showing active plan and usage
5. API Keys & Developer Features
- Generate API keys for developers to use Piflepath API
- Display API documentation with example requests
- Track API usage and rate limits per key
- Show remaining credits/requests
Backend & Data
Database Schema
userstable: Wallet address, subscription tier, created_atsubscription_planstable: Plan name, price in SOL, features, limitsuser_subscriptionstable: User, active plan, renewal dateapi_keystable: User, key, created_at, last_usedusage_trackingtable: API key, requests count, datepaymentstable: User, amount in SOL, transaction hash, status
API Integration
-
Create backend proxy to Solscan API endpoints:
-
/api/wallet/fetch- Get wallet balance and token holdings -
/api/wallet/transactions- Get transaction history -
/api/wallet/tokens- Get detailed token information -
/api/wallet/analytics- Get portfolio analytics data -
Handle CORS issues with server-side API proxying
-
Implement error handling and rate limiting
Pages & Components
-
Landing Page:
-
Hero section with wallet search integration
-
Feature showcase with Solscan-inspired cards
-
Pricing section with SOL-based plans
-
How-it-works section
-
Call-to-action buttons
-
Dashboard Page (Protected):
-
Wallet statistics cards
-
Token holdings list
-
Transaction history with filters and sorting
-
Portfolio analytics charts
-
API key management section
-
Wallet Analysis Page:
-
Full wallet details display (transaction history, tokens, analytics)
-
Export functionality
-
Share wallet analysis link
-
Subscription Page:
-
Plan comparison table
-
Upgrade/downgrade options
-
Solana payment integration for plan changes
-
Settings Page:
-
API key management (create, revoke, view usage)
-
Account settings and wallet management
Technical Stack
- Framework: Next.js 16 (App Router)
- Frontend: React 19 with TypeScript
- Styling: Tailwind CSS v4 with custom theme
- Authentication: Solana wallet adapters
- Charts: Recharts for analytics visualization
- API: Server-side fetching with error handling
- Database: Supabase (PostgreSQL)
- Payments: Solana blockchain direct transfers
Key Features Summary
✅ Search any Solana wallet and view analysis
✅ Real-time transaction history and token holdings
✅ Portfolio analytics with interactive charts
✅ Solana wallet authentication
✅ SOL-based subscription plans
✅ Developer API with keys and rate limiting
✅ Responsive design matching Solscan aesthetic
✅ Complete dashboard with statistics
✅ Export and share wallet reports
https://v0.app/chat/remix-of-remix-0sg8NT199Gc