Hyperliquid Identity Dashboard (.hl Showcase)

🧠 Project Name

Hyperliquid Identity Dashboard (.hl Showcase)

🔍 Description

The Hyperliquid Identity Dashboard is designed to serve as a comprehensive identity layer for the Hyperliquid ecosystem. It provides a platform where users can securely log in with their MetaMask wallet, verify their .hl username through the Hyperliquid API, and build a personalized identity profile that is both verifiable and shareable.

Through this system, users can link their wallet and .hl ID, add personal information, bios, and social connections, and present themselves as recognized members of the Hyperliquid ecosystem. The dashboard also enables visibility into badges, reputation, and wallet-based activity, providing a richer context to individual identities. By creating a network of searchable and verified profiles, the platform enhances trust, discoverability, and transparency within the community.

The project addresses the problem of identity fragmentation in decentralized finance (DeFi) by unifying wallet-based authentication, verifiable username ownership, and social reputation into a single, user-friendly interface.

🛠️ How It Works

1. Authentication:

   • Users connect their MetaMask wallet, which initiates a secure authentication flow.

   • If the wallet is new, the backend automatically generates a corresponding user record in the database.

   • Returning users have their existing profile retrieved, allowing seamless re-entry into the system.

2. .hl Username Verification:

   • The dashboard integrates with the Hyperliquid API to validate and confirm ownership of a .hl username.

   • This ensures that identities cannot be faked and that wallet–username linkage is always legitimate.

3. Profile Management:

   • Once authenticated, users can enrich their profiles with details such as display name, bio, avatar, and social media links (Twitter, Discord, GitHub, Telegram, Website).

   • They can also specify trading preferences, including risk tolerance, trading style, and preferred markets, providing insight into their trading identity.

4. Search and Discovery:

   • Users can discover others by searching for their wallet address or .hl username.

   • Each identity profile is public and acts as a digital card for the Hyperliquid ecosystem.

5. Community Layer:

   • Badges and reputation scores add a gamified and trust-enhancing layer, rewarding active participation and building credibility.

   • Over time, this evolves into a community-driven identity and reputation system, essential for trust in a decentralized ecosystem.

What makes it interesting:

• It merges on-chain verifiable data with user-curated content, bridging the gap between DeFi activity and social identity.

• The system is modular and extendable, allowing future integration of leaderboards, advanced analytics, or NFT badges.

• It acts as the foundation for a decentralized identity system specifically tailored to Hyperliquid’s ecosystem.

💻 Demo

• Vercel Upload Link: [We Will Update it Shortly]

• Demo Video: [https://www.youtube.com/watch?v=0Y24DZ4rEdk]

📂 Project Links

• GitHub Repository: https://github.com/Subh09/HyperLiquid

• Designs / Visual Assets: [Insert Figma/Design Link]

• Documentation / Explainers: [Insert Notion or Docs Link]

• Live Hosted Site: [Insert Link]

👥 Team Information

• Subhranil Patra — GitHub

• Bishal Pal — GitHub

🚀 Key Features

• 🔑 MetaMask Login → secure, wallet-based authentication system

• ✅ .hl Identity Verification → confirm ownership of Hyperliquid usernames

• 📝 Custom Profile Builder → add bio, name, avatar, and social links

• 🌍 Public Identity Pages → unique profiles accessible by wallet ID or .hl username

• 📊 Wallet Statistics → insights into balances, activities, and transaction history

• 🏆 Badges & Reputation → gamified trust and engagement layer

• 🔎 Search & Discover → simple tools to find and verify Hyperliquid users

🛠️ Tech Stack

🔹 Frontend

• Next.js (React + TypeScript) → modern framework for scalable and fast UI

• Tailwind CSS → responsive, utility-first styling system

• MetaMask Integration (Web3 authentication) → wallet-based user login and verification

🔹 Backend

• Node.js + Express → lightweight REST API layer

• MongoDB + Mongoose ODM → persistent storage for profiles, wallet mappings, and preferences

🔹 Other

• Hyperliquid API (api.hlnames.xyz) → for .hl username validation

• Deployment → Vercel (frontend), Render/Heroku (backend)

🏗️ Future Improvements

• Integration of leaderboards to highlight top .hl users

• Advanced trading analytics dashboards

• NFT and badge systems to showcase community reputation

• Cross-platform identity linking (Twitter, Discord, Farcaster, Lens)

• Full mobile optimization and eventual mobile app release

• 2FA and email verification for extra security layers

🙌 Acknowledgments

• The Hyperliquid team for API documentation and support

• Hackathon organizers for creating the challenge

• Open-source community for tools enabling Web3 identity solutions